|
|
Zverejnené 3. 7. 2018 16:54:42
|
|
|
Javascrip{filter}t získava veľkosť obrazovky, okna prehliadača, prehliadača a výšky a šírky webovej stránky
Oblasť viditeľnosti webovej stránky: document.body.clientWidth
Oblasť viditeľnosti webovej stránky: document.body.clientHeight
Viditeľná šírka webovej stránky: document.body.offsetWidth (vrátane šírky hrany)
Viditeľná plocha webovej stránky: document.body.offsetVýška (vrátane šírky hrany)
Šírka celého textu tela webovej stránky: document.body.scrollWidth
Celý text webovej stránky je vysoký: document.body.scrollHeight
Stránka je posunutá vysoko: document.body.scrollTop
Stránka je posunutá doľava: document.body.scrollLeft
V tele webovej stránky: window.screenTop
Telo webovej stránky je vľavo: window.screenLeft
Vysoké rozlíšenie obrazovky: window.screen.height
Šírka rozlíšenia obrazovky: window.screen.width
Výška dostupného pracovného priestoru na obrazovke: window.screen.availHeight
Šírka dostupného pracovného priestoru na obrazovke: window.screen.availWidth
jQuery má rôzne šírky a výšky
Oblasť prehliadača na zobrazenie
$(window).height()
$(window).width()
Veľkosť dokumentu stránky
$(document).height()
$(document).width()
Veľkosť aktuálneho tela dokumentu v okne
$(document.body).height()
$(document.body).width()
Vertikálna výška posuvníka hore (t. j. výška, v ktorej je stránka zrolovaná)
$(document).scrollTop()
$(document).scrollLeft()
HTML presné cielenie: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX vzhľadom na horizontálne súradnice dokumentu
event.clientY vzhľadom na vertikálne súradnice dokumentu
event.offsetX vzhľadom na horizontálne súradnice kontajnera
event.offsetY vzhľadom na vertikálne súradnice kontajnera
document.documentElement.scrollTop hodnota pre vertikálne posúvanie
event.clientX+document.documentElement.scrollTop Počet horizontálnych súradníc + vertikálne posúvanie vzhľadom na dokument
Napríklad rozdiely vo FireFox sú nasledovné:
IE6.0、FF1.06+:
clientWidth = šírka + vyplošenie
clientHeight = výška + výplň
offsetWidth = šírka + výplň + okraj
offsetHeight = výška + výplň + okraj
IE5.0/5.5:
clientWidth = šírka - hranica
clientHeight = výška - okraj
offsetWidth = šírka
offsetHeight = výška
(Treba spomenúť: atribút margin v CSS nemá nič spoločné s clientWidth, offsetWidth, clientHeight, offsetHeight)
Oblasť viditeľnosti webovej stránky: document.body.clientWidth
Výška viditeľnosti webovej stránky: document.body.clientVýška
Viditeľná šírka webovej stránky: document.body.offsetWidth (vrátane šírky hrany)
Web Visible Area Height: document.body.offsetHeight (vrátane výšky hrán)
Šírka celého textu webovej stránky: document.body.scrollWidth
Výška plného textu: document.body.scrollHeight
Stránka je posunutá vysoko: document.body.scrollTop
Stránka je posunutá doľava: document.body.scrollLeft
V tele webovej stránky: window.screenTop
Vľavo od tela webovej stránky: window.screenLeft
Vysoké rozlíšenie obrazovky: window.screen.height
Šírka rozlíšenia obrazovky: window.screen.width
Výška dostupného pracovného priestoru na obrazovke: window.screen.availHeight
Šírka dostupného pracovného priestoru na obrazovke: window.screen.availWidth
div.style.top: Najvyššia vzdialenosť vzhľadom na komponent, kde sa div nachádza
－－－－－－－－－－－－－－－－－－－
Technické úspechy
Kód v tejto sekcii používa najmä niektoré vlastnosti objektu Document o okne a hlavné funkcie a využitie týchto vlastností sú nasledovné.
Na získanie veľkosti okna je potrebné použiť rôzne vlastnosti a metódy pre rôzne prehliadače: na zistenie skutočnej veľkosti okna je potrebné použiť vlastnosť Window v Netscape; V IE musíte ísť hlboko do dokumentu, aby ste zistili telo. V prostredí DOM, aby ste zistili veľkosť okna, musíte venovať pozornosť veľkosti koreňového prvku, nie samotnému prvku.
Vlastnosť innerWidth objektu Window obsahuje vnútornú šírku aktuálneho okna. Vlastnosť innerHeight objektu Window obsahuje vnútornú výšku aktuálneho okna.
Atribút tela objektu Document zodpovedá značke HTML dokumentu. Vlastnosť documentElement objektu Document predstavuje koreňový uzol HTML dokumentu.
document.body.clientHeight označuje aktuálnu výšku okna, v ktorom sa HTML dokument nachádza. document.body. clientWidth predstavuje aktuálnu šírku okna, v ktorom sa HTML dokument nachádza.
Udalosti veľkosti prehliadača
window.onresize=funName; Zavolajte funkciu funName, keď sa zmení veľkosť prehliadača |
Predchádzajúci:SEO titul popis kľúčových slov limit slov Názov, kľúčové slová, décrip{filter}tion dĺžkaBudúci:Typ "Object" je definovaný v nereferencovanej zostave. Musím pridať odpoveď do programu...
|
