Rozměry prohlížeče a dokumentu

Ve všech příručkách se uvádí jenom velikost plochy prohlížeče, objekt screen a jeho vlastnosti (screen.width apod.). Ve většině případů je ale výhodnější používat rozměry okna prohlížeče nebo dokumentu.

Tady je to popsáno mnohem lépe: http://jecas.cz/zjisteni-rozmeru

Přehled vlastností

vlastnost popis poznámka
document.body.scrollWidth šířka dokumentu může být širší než okno
document.body.scrollHeight výška dokumentu bývá o mnoho vyšší než okno (test funguje i v Mozille)
document.body.scrollLeft odrolování dokumentu doprava x-souřadnice horního levého rohu zobrazené oblasti, většinou nula
document.body.scrollTop odrolování dokumentu dolů y-souřadnice horního levého rohu zobrazené oblasti
document.body.offsetWidth šířka okna včetně rolovací lišty  
document.body.offsetHeight výška zobrazené části dokumentu včetně případné rolovací lišty, ale bez panelů nástrojů a stavového řádku
document.body.clientWidth šířka okna bez rolovací lišty vlastně šířka zobrazené části dokumentu
document.body.clientHeight výška zobrazené části dokumentu  

Všechny rozměry jsou v pixelech a testoval jsem je jen pro Internet Explorer, jinde netestováno. Více v Pixyho článku o rozměrech dokumentu.

 

Reklama

www.webhosting-c4.cz, extra rychlý SSD webhosting s doménou v ceně
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

Základy, objekty Příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.