|
|
Zveřejněno 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t získává velikost obrazovky, okna prohlížeče, prohlížeče a výšky a šířky webové stránky
Oblast viditelnosti webové stránky: document.body.clientWidth
Oblast viditelnosti webové stránky: document.body.clientHeight
Viditelná šířka webové stránky: document.body.offsetWidth (včetně šířky hrany)
Viditelná plocha webové stránky: document.body.offsetHeight (včetně šířky hrany)
Šířka celého textu těla webové stránky: document.body.scrollWidth
Celý text webové stránky je vysoký: document.body.scrollHeight
Stránka je posunuta vysoko: document.body.scrollTop
Stránka je posunuta doleva: document.body.scrollLeft
Na hlavní straně webové stránky: window.screenTop
Tělo webové stránky je vlevo: window.screenLeft
Vysoké rozlišení obrazovky: window.screen.height
Šířka rozlišení obrazovky: window.screen.width
Výška dostupného pracovního prostoru na obrazovce: window.screen.availVýška
Šířka dostupného pracovního prostoru na obrazovce: window.screen.availWidth
jQuery má různé šířky a výšky
Oblast zobrazení prohlížeče
$(window).height()
$(window).width()
Velikost dokumentu stránky
$(document).height()
$(document).width()
Velikost aktuálního těla dokumentu v okně
$(document.body).height()
$(document.body).width()
Vertikální výška posuvníku až nahoru (tj. výška, ve které je stránka srolovaná)
$(document).scrollTop()
$(document).scrollLeft()
HTML přesné cílení: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX vzhledem k horizontálním souřadnicím dokumentu
event.clientY vzhledem k vertikálním souřadnicím dokumentu
event.offsetX vzhledem k horizontálním souřadnicím kontejneru
event.offsetY vzhledem k vertikálním souřadnicím kontejneru
document.documentElement.scrollTop value pro vertikální posouvání
event.clientX+document.documentElement.scrollTop Počet horizontálních souřadnic + vertikální posun vůči dokumentu
Např. rozdíly ve FireFoxu jsou následující:
IE6.0、FF1.06+:
clientWidth = šířka + polstrování
clientHeight = výška + polstrování
offsetWidth = šířka + vyplňování + okraj
offsetHeight = výška + vycpávka + okraj
IE5.0/5.5:
clientWidth = width - hranice
clientHeight = výška - hranice
offsetWidth = šířka
offsetHeight = výška
(Je třeba zmínit: atribut margin v CSS nemá nic společného s clientWidth, offsetWidth, clientHeight, offsetHeight)
Oblast viditelnosti webové stránky: document.body.clientWidth
Výška viditelnosti webové stránky: document.body.clientHeight
Viditelná šířka webové stránky: document.body.offsetWidth (včetně šířky hrany)
Web Viditelná Výška plochy: document.body.offsetVýška (včetně výšky hran)
Šířka celého textu webové stránky: document.body.scrollWidth
Výška plného textu: document.body.scrollHeight
Stránka je posunuta vysoko: document.body.scrollTop
Stránka je posunuta doleva: document.body.scrollLeft
Na hlavní straně webové stránky: window.screenTop
Vlevo od těla webové stránky: window.screenLeft
Vysoké rozlišení obrazovky: window.screen.height
Šířka rozlišení obrazovky: window.screen.width
Výška dostupného pracovního prostoru na obrazovce: window.screen.availVýška
Šířka dostupného pracovního prostoru na obrazovce: window.screen.availWidth
div.style.top: Nejvyšší vzdálenost vzhledem ke komponentě, kde se div nachází
－－－－－－－－－－－－－－－－－－－
Technické zajímavosti
Kód v této sekci převážně využívá některé vlastnosti objektu Document o okně a hlavní funkce a využití těchto vlastností jsou následující.
Pro určení velikosti okna je potřeba použít různé vlastnosti a metody pro různé prohlížeče: pro detekci skutečné velikosti okna je potřeba použít vlastnost Window v Netscape; V IE musíte jít hluboko do dokumentu, abyste zjistili tělo. V prostředí DOM, abyste získali velikost okna, musíte věnovat pozornost velikosti kořenového prvku, ne samotného prvku.
Vlastnost innerwidth objektu Window obsahuje vnitřní šířku aktuálního okna. Vlastnost innerHeight objektu Window obsahuje vnitřní výšku aktuálního okna.
Atribut těla objektu Dokument odpovídá značce HTML dokumentu. Vlastnost documentElement objektu Document představuje kořenový uzel HTML dokumentu.
document.body.clientHeight označuje aktuální výšku okna, ve kterém se HTML dokument nachází. document.body. clientWidth představuje aktuální šířku okna, ve kterém se HTML dokument nachází.
Události velikosti prohlížeče
window.onresize=funName; Zavolejte funkci funName, když se změní velikost prohlížeče |
Předchozí:SEO titul popis klíčových slov limit slov Název, klíčová slova, décrip{filter}tion délkaDalší:Typ "Object" je definován v nereferencovaném assembleru. Musím přidat odpověď do programu...
|
