Hvor å Endre & lt; div & gt; Høyde med Javascript på Resolution

Javascript kan du endre høyden på HTML-elementer dynamisk basert på skjermoppløsningen på brukerens datamaskin. Denne type programmering kan du dynamisk størrelse elementer for enklere brukertilgang uten uhell forårsaker at brukeren kan bla for å finne HTML-elementet.

Bruksanvisning

1 Høyreklikk på JS eller HTML-fil som du vil bruke for å endre "div" height. Velg "Åpne med", og dobbeltklikk deretter redaktøren du bruker til å lage filene.

2 Oppdage skjermoppløsningen. Du bruker "skjermen" class å hente oppløsningen fra leserens datamaskin. Skriv inn følgende kode for å hente vedtak:

Var height = screen.Height;

3 Skriv inn koden som endrer div høyde. Du bruker "style" class å sette en div høyde. Følgende kode viser hvordan du kan endre høyden i forhold til skjermoppløsning:

. Document.getElementById ( "div") style.height = høyde / 2;

Koden gjør ovenfor div halve høyden av skjermoppløsningen.