Kõrgus ja laius on veebilehe paigutuse kujundamisel kõige olulisemad mõõtmed.
'Kõrgus' näitab objekti pikkuse mõõtmist ülalt alla, samas kui 'laius' näitab, kui lai objekt ühelt küljelt teisele on. Need tegurid aitavad kohandada objekti paigutust aknas. JavaScriptis on ' kõrgus ” ja „ laius ” atribuudid liigitatakse täiendavalt kahte kategooriasse “sisemine”, st “sisekõrgus/sisemine laius” ja “välimine”, st vastavalt “väliskõrgus/välislaius”.
See kirjutis käsitleb JavaScripti atribuudi Window 'innerHeight' eesmärki ja toimimist.
Mida teeb akna atribuut 'innerHeight' JavaScriptis?
' sisekõrgus ” atribuut on seotud „akna” objektiga, mis hangib brauseriakna vaateava kõrguse, välja arvatud asukohariba, tööriistariba, menüüriba ja muud. Samuti sisaldab see horisontaalse kerimisriba kõrgust, kui see on kaasas. Selle atribuudi tagastatud väärtus võetakse aknast 'küljenduse vaateava', st ala, mis kuvab veebilehe sisu.
Põhiline süntaks
aken.innerHeight VÕI sisekõrgus
Ülaltoodud süntaksi kohaselt on ' sisekõrgus ” atribuuti saab hõlpsasti rakendada otse või kasutades objekti 'aken'.
Rakendame ülaltoodud omadust praktiliselt selle põhisüntaksi abil.
Näide 1: Akna atribuudi 'innerHeight' rakendamine brauseriakna vaateakna kõrguse tagastamiseks
See näide kasutab brauseriakna vaateakna kõrguse toomiseks atribuuti 'innerHeight' koos objektiga 'window'.
HTML-kood
Kõigepealt vaadake alltoodud koodi:
< h2 > Akna sisekõrguse omadus h2 >< nuppu onclick = 'jsFunc()' > Hangi kõrgus nuppu >
< lk id = 'eest' > lk >
Ülaltoodud koodiridades:
- ' ” märgend määratleb 2. taseme alampealkirja.
- '
” silt tähistab nuppu, millel on „onclick” sündmus, mis kutsub sündmuse käivitamisel esile funktsiooni „jsFunc()”. - ' märgend lisab tühja lõigu koos määratud ID-ga 'para', et kuvada rakendatud atribuudi 'innerHeight' tagastatud väärtus.
JavaScripti kood
Nüüd jätkake allpool antud koodiga:
< stsenaarium >funktsiooni jsFunc ( ) {
lase h = window.innerHeight;
document.getElementById ( 'eest' ) .innerHTML = 'Akna sisekõrgus:' + h;
}
stsenaarium >
Ülaltoodud koodiridades:
- Esiteks määrake funktsioon nimega ' jsFunc() ”.
- Selle määratluses rakendab muutuja 'h' sisekõrgus ” atribuut, kasutades objekti „aken”.
- Pärast seda rakendage ' getElementById() ” meetod, et saada lisatud tühi lõik, kasutades selle ID-d 'para' ja kuvada selles praeguse brauseriakna sisekõrgus.
Väljund
Nagu ülaltoodud väljundis näidatud, kuvab praegune brauseriaken vaateava kõrgust (sisekõrgust), st ' 599 pikslit ” nupu klõpsamisel.
Näide 2: kombineeritud akna atribuutide 'innerHeight' ja 'innerWidth' rakendamine
Atribuuti 'innerHeight' saab rakendada koos teiste dimensioonide atribuutidega, nagu 'innerWidth', 'outerWidth', 'outerHeight' jne. Selles stsenaariumis kasutatakse seda koos atribuudiga ' sisemine laius ” vara.
HTML-kood
Anname ülevaate muudetud HTML-koodist:
< h2 > Akna sisekõrguse ja siselaiuse omadused h2 >< nuppu onclick = 'jsFunc()' > Hankige kõrgus ja laius nuppu >
< lk id = 'eest' > lk >
Siin muudetakse elementide “