|
|
Paskelbta 2018-07-03 16:54:42
|
|
|
Javascrip{filter}t gauna ekrano, naršyklės lango, naršyklės ir tinklalapio aukščio ir pločio dydį
Tinklalapio matomumo sritis: document.body.clientWidth
Tinklalapio matomumo sritis: document.body.clientHeight
Tinklalapio matomos srities plotis: document.body.offsetWidth (įskaitant krašto plotį)
Tinklalapio matomos srities aukštis: document.body.offsetHeight (įskaitant krašto plotį)
Tinklalapio teksto viso teksto plotis: document.body.scrollWidth
Visas tinklalapio tekstas yra didelis: document.body.scrollHeight
Puslapis slenkamas aukštai: document.body.scrollTop
Puslapis slenkamas į kairę: document.body.scrollLeft
Tinklalapio tekste: window.screenTop
Tinklalapio turinys kairėje: window.screenLeft
Didelė ekrano skiriamoji geba: window.screen.height
Ekrano skiriamosios gebos plotis: window.screen.width
Galimas ekrano darbo srities aukštis: window.screen.availHeight
Galimas ekrano darbo srities plotis: window.screen.availWidth
jQuery gauna įvairių pločių ir aukščių
Naršyklės peržiūros sritis
$(langas).aukštis()
$(langas).plotis()
Puslapio dokumento dydis
$(dokumentas).aukštis()
$(dokumentas).plotis()
Dabartinio lango dokumento korpuso dydis
$(dokumentas.tekstas).aukštis()
$(dokumentas.tekstas).plotis()
Vertikalus slinkties juostos aukštis į viršų (t. y. aukštis, kuriame puslapis suvyniotas)
$(dokumentas).scrollTop()
$(dokumentas).scrollLeft()
Tikslus taikymas pagal HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX horizontalių dokumento koordinačių atžvilgiu
event.clientY, palyginti su vertikaliomis dokumento koordinatėmis
event.offsetX horizontalių konteinerio koordinačių atžvilgiu
event.offsetY, palyginti su vertikaliomis konteinerio koordinatėmis
document.documentElement.scrollViršutinė vertikalaus slinkimo reikšmė
event.clientX+document.documentElement.scrollTop Horizontalių koordinačių kiekis + vertikali slinktis dokumento atžvilgiu
IE, FireFox skirtumai yra šie:
IE6.0、FF1.06+:
clientWidth = plotis + užpildymas
clientHeight = aukštis + užpildymas
offsetWidth = plotis + užpildymas + kraštinė
offsetHeight = aukštis + užpildymas + kraštinė
IE5.0 / 5.5:
clientWidth = plotis - kraštinė
clientHeight = aukštis - kraštinė
offsetWidth = plotis
offsetHeight = aukštis
(Reikėtų paminėti: CSS maržos atributas neturi nieko bendra su clientWidth, offsetWidth, clientHeight, offsetHeight)
Tinklalapio matomumo sritis: document.body.clientWidth
Tinklalapio matomumo srities aukštis: document.body.clientHeight
Tinklalapio matomos srities plotis: document.body.offsetWidth (įskaitant krašto plotį)
Žiniatinklio matomos srities aukštis: document.body.offsetHeight (įskaitant kraštų aukštį)
Viso tinklalapio teksto plotis: document.body.scrollWidth
Viso teksto aukštis: document.body.scrollHeight
Puslapis slenkamas aukštai: document.body.scrollTop
Puslapis slenkamas į kairę: document.body.scrollLeft
Tinklalapio tekste: window.screenTop
Tinklalapio teksto kairėje: window.screenLeft
Didelė ekrano skiriamoji geba: window.screen.height
Ekrano skiriamosios gebos plotis: window.screen.width
Galimas ekrano darbo srities aukštis: window.screen.availHeight
Galimas ekrano darbo srities plotis: window.screen.availWidth
div.style.top: Viršutinis atstumas, palyginti su komponentu, kuriame yra div
－－－－－－－－－－－－－－－－－－－
Techniniai akcentai
Šiame skyriuje esantis kodas daugiausia naudoja kai kurias dokumento objekto ypatybes apie langą, o pagrindinės funkcijos ir šių savybių naudojimas yra šie.
Norint gauti lango dydį, skirtingoms naršyklėms reikia naudoti skirtingas savybes ir metodus: norint nustatyti tikrąjį lango dydį, reikia naudoti "Netscape" ypatybę "Window"; IE turite gilintis į dokumentą, kad aptiktumėte kūną. DOM aplinkoje, norėdami gauti lango dydį, turite atkreipti dėmesį į šaknies elemento, o ne elemento dydį.
Objekto Window ypatybėje innerWidth yra dabartinio lango vidinis plotis. Objekto Window ypatybėje innerHeight yra dabartinio lango vidinis aukštis.
Dokumento objekto atributas atitinka HTML dokumento žymę. Dokumento objekto ypatybė documentElement nurodo šakninį HTML dokumento mazgą.
document.body.clientHeight nurodo dabartinį lango, kuriame yra HTML dokumentas, aukštį. document.body. clientWidth nurodo dabartinį lango, kuriame yra HTML dokumentas, plotį.
Naršyklės dydžio keitimo įvykiai
window.onresize=funName; Iškvieskite funkciją funName, kai pasikeičia naršyklės dydis |
Ankstesnis:seo pavadinimas raktažodis aprašymas žodžių limitas Pavadinimas, raktažodžiai, descrip{filter}tion ilgisKitą:Tipas "Objektas" apibrėžiamas nenurodytame rinkinyje. Reikia pridėti atsakymą į programą...
|
