Augstums un platums ir visievērojamākie izmēri, veidojot tīmekļa lapas izkārtojumu.
“Augstums” norāda objekta garuma mērījumu no augšas uz leju, bet “platums” norāda, cik plats ir objekts no vienas puses uz otru. Šie faktori palīdz pielāgot objekta piešķiršanu logā. Programmā JavaScript “ augstums ' un ' platums ” rekvizīti tālāk tiek klasificēti divās kategorijās “iekšējais”, t.i., “innerHeight/innerWidth” un “outer”, t.i., “outerHeight/outerWidth”.
Šajā pārskatā ir aprakstīts JavaScript rekvizīta Window “innerHeight” mērķis un darbība.
Ko veic loga rekvizīts “innerHeight” programmā JavaScript?
' iekšējaisAugstums ” rekvizīts ir saistīts ar objektu “window”, kas izgūst pārlūkprogrammas loga skata loga augstumu, izņemot atrašanās vietas joslu, rīkjoslu, izvēļņu joslu un citas. Tas ietver arī horizontālās ritjoslas augstumu, ja tā ir iekļauta. Šī rekvizīta atgrieztā vērtība tiek ņemta no loga “izkārtojuma skata logs”, t.i., apgabala, kurā tiek parādīts tīmekļa lapas saturs.
Pamata sintakse
logs.innerHeight VAI innerHeight
Saskaņā ar iepriekš minēto sintaksi “ iekšējaisAugstums ” rekvizītu var viegli lietot tieši vai izmantojot objektu “logs”.
Ieviesīsim augstāk definēto īpašību praktiski ar tās pamata sintakses palīdzību.
1. piemērs: loga rekvizīta “innerHeight” lietošana, lai atgrieztu pārlūkprogrammas loga skata loga augstumu
Šajā piemērā tiek izmantots rekvizīts “innerHeight” ar objektu “window”, lai izgūtu pārlūkprogrammas loga skata loga augstumu.
HTML kods
Vispirms apskatiet tālāk norādīto kodu:
< h2 > Logu iekšējā augstuma īpašums h2 >< pogu onclick = 'jsFunc()' > Iegūstiet augstumu pogu >
< lpp id = 'priekš' > lpp >
Iepriekš minētajās koda rindās:
- ' ” tags nosaka 2. līmeņa apakšvirsrakstu.
- '
” tags apzīmē pogu ar “onclick” notikumu, lai izsauktu funkciju “jsFunc()”, kad notikums tiek aktivizēts. - ' ” tags pievieno tukšu rindkopu ar piešķirtu id “para”, lai parādītu lietotā rekvizīta “innerHeight” atgriezto vērtību.
JavaScript kods
Tagad turpiniet ar tālāk norādīto kodu:
< skripts >funkciju jsFunc ( ) {
ļaut h = logs.innerHeight;
document.getElementById ( 'priekš' ) .innerHTML = 'Loga iekšējais augstums:' + h;
}
skripts >
Iepriekš minētajās koda rindās:
- Pirmkārt, definējiet funkciju ar nosaukumu ' jsFunc() ”.
- Savā definīcijā mainīgais “h” piemēro “ iekšējaisAugstums ” rekvizītu, izmantojot objektu “logs”.
- Pēc tam izmantojiet ' getElementById() ” metodi, lai iegūtu pievienoto tukšo rindkopu, izmantojot tās id “para”, un tajā parādītu pašreizējā pārlūkprogrammas loga iekšējo augstumu.
Izvade
Kā parādīts iepriekš minētajā izvadā, pašreizējā pārlūkprogrammas logā tiek parādīts skata loga augstums (iekšējais augstums), t.i., ' 599 pikseļi ” noklikšķinot uz pogas.
2. piemērs: kombinētā loga rekvizītu “innerHeight” un “innerWidth” lietošana
Rekvizītu “innerHeight” var ieviest kopā ar citiem dimensiju rekvizītiem, piemēram, “innerWidth”, “outerWidth”, “outerHeight” utt. Šajā scenārijā tas tiek izmantots kopā ar “ iekšējaisPlatums ” īpašums.
HTML kods
Apskatīsim modificēto HTML kodu:
< h2 > Logu innerHeight un innerWidth īpašības h2 >< pogu onclick = 'jsFunc()' > Iegūstiet augstumu un platumu pogu >
< lpp id = 'priekš' > lpp >
Šeit elementu “