JavaScript consente di modificare l'altezza degli elementi HTML in modo dinamico basato sulla risoluzione dello schermo del computer dell'utente. Questo tipo di programmazione consente in modo dinamico elementi di dimensioni per facilitare l'accesso utente senza causare accidentalmente all'utente di scorrere per trovare l'elemento HTML.

Istruzioni

1

Pulsante destro del mouse il file JS o HTML che si desidera utilizzare per modificare l'altezza di "div". Selezionare "Apri con", quindi fare doppio clic su editor che consente di creare i file.

2

Rilevare la risoluzione dello schermo. Si utilizza la classe di "schermo" per recuperare la risoluzione dal computer del lettore. Digitare il codice seguente per recuperare la risoluzione:

var altezza = schermo. Altezza;

3

Digitare il codice che cambia l'altezza del div. La classe di "stile" consente di impostare l'altezza di un div. Il codice riportato di seguito viene illustrato come modificare l'altezza rispetto la risoluzione dello schermo:

document.getElementById("div").style.height = altezza/2;

Il codice sopra riportato rende il div metà dell'altezza della risoluzione dello schermo.