|
|
Publicēts 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t iegūst ekrāna, pārlūkprogrammas loga, pārlūkprogrammas un tīmekļa lapas augstuma un platuma lielumu
Web lapas redzamības apgabals: document.body.clientWidth
Web lapas redzamības apgabals: document.body.clientHeight
Web lapas redzamā apgabala platums: document.body.offsetWidth (ieskaitot malas platumu)
Web lapas redzamā apgabala augstums: document.body.offsetHeight (ieskaitot malas platumu)
Web lapas pamatteksta pilns platums: document.body.scrollWidth
Tīmekļa lapas pilns teksts ir augsts: document.body.scrollHeight
Lapa tiek ritināta augstu: document.body.scrollTop
Lapa tiek ritināta pa kreisi: document.body.scrollLeft
Tīmekļa lapas pamattekstā: window.screenTop
Tīmekļa lapas pamatteksts ir pa kreisi: window.screenLeft
Augsta ekrāna izšķirtspēja: window.screen.height
Ekrāna izšķirtspējas platums: window.screen.width
Ekrānā pieejamā darbvietas augstums: window.screen.availHeight
Ekrānam pieejamais darbvietas platums: window.screen.availWidth
jQuery iegūst dažādus platumus un augstumus
Pārlūkprogrammas skatīšanas apgabals
$(logs).augstums()
$(logs).platums()
Lappuses dokumenta izmērs
$(dokuments).augstums()
$(dokuments).platums()
Pašreizējā loga dokumenta pamatteksta lielums
$(dokuments.pamatteksts).augstums()
$(dokuments.pamatteksts).platums()
Ritjoslas vertikālais augstums uz augšu (t. i., augstums, kurā lapa ir sarullēta)
$(dokuments).scrollTop()
$(dokuments).scrollLeft()
Precīza mērķauditorijas atlase pēc HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX attiecībā pret dokumenta horizontālajām koordinātām
event.clientY attiecībā pret dokumenta vertikālajām koordinātām
event.offsetX attiecībā pret konteinera horizontālajām koordinātām
event.offsetY attiecībā pret konteinera vertikālajām koordinātām
document.documentElement.scrollTop vērtība vertikālai ritināšanai
event.clientX+document.documentElement.scrollTop Horizontālo koordinātu skaits + vertikālā ritināšana attiecībā pret dokumentu
IE, FireFox atšķirības ir šādas:
IE6.0、FF1.06+:
clientWidth = platums + polsterējums
clientHeight = augstums + polsterējums
offsetWidth = platums + polsterējums + apmale
offsetHeight = augstums + polsterējums + apmale
IE5.0 / 5.5:
clientWidth = platums - apmale
clientHeight = augstums - apmale
offsetWidth = platums
offsetHeight = augstums
(Jāpiemin: CSS maržas atribūtam nav nekāda sakara ar clientWidth, offsetWidth, clientHeight, offsetHeight)
Web lapas redzamības apgabals: document.body.clientWidth
Web lapas redzamības apgabala augstums: document.body.clientHeight
Web lapas redzamā apgabala platums: document.body.offsetWidth (ieskaitot malas platumu)
Tīmekļa redzamā apgabala augstums: document.body.offsetHeight (ieskaitot malu augstumu)
Tīmekļa lapas pilna teksta platums: document.body.scrollWidth
Pilna teksta augstums: document.body.scrollHeight
Lapa tiek ritināta augstu: document.body.scrollTop
Lapa tiek ritināta pa kreisi: document.body.scrollLeft
Tīmekļa lapas pamattekstā: window.screenTop
Pa kreisi no tīmekļa lapas pamatteksta: window.screenLeft
Augsta ekrāna izšķirtspēja: window.screen.height
Ekrāna izšķirtspējas platums: window.screen.width
Ekrānā pieejamā darbvietas augstums: window.screen.availHeight
Ekrānam pieejamais darbvietas platums: window.screen.availWidth
div.style.top: Augšējais attālums attiecībā pret komponentu, kurā atrodas div
－－－－－－－－－－－－－－－－－－－
Tehniskie aspekti
Šajā sadaļā esošais kods galvenokārt izmanto dažus dokumenta objekta rekvizītus par logu, un šo rekvizītu galvenās funkcijas un lietojums ir šāds.
Lai iegūtu loga lielumu, dažādām pārlūkprogrammām jāizmanto dažādas īpašības un metodes: lai noteiktu loga patieso izmēru, jums jāizmanto Window rekvizīts Netscape; IE jums ir jāiedziļinās dokumentā, lai noteiktu ķermeni. DOM vidē, lai iegūtu loga lielumu, jums jāpievērš uzmanība saknes elementa lielumam, nevis elementam.
Objekta Window rekvizīts innerWidth satur pašreizējā loga iekšējo platumu. Objekta Window rekvizīts innerHeight satur pašreizējā loga iekšējo augstumu.
Dokumenta objekta pamatteksta atribūts atbilst HTML dokumenta atzīmei. Objekta Document rekvizīts documentElement ir HTML dokumenta saknes mezgls.
document.body.clientHeight norāda pašreizējo loga augstumu, kurā atrodas HTML dokuments. document.body. clientWidth norāda pašreizējo loga platumu, kurā atrodas HTML dokuments.
Pārlūkprogrammas izmēru maiņas notikumi
window.onresize=funName; Izsauciet funkciju funName, kad mainās pārlūkprogrammas lielums |
Iepriekšējo:seo nosaukums atslēgvārds apraksts vārdu ierobežojums Nosaukums, atslēgvārdi, descrip{filter}tion garumsNākamo:Tips "Objekts" ir definēts komplektācijā bez atsauces. Jāpievieno atbilde programmai ...
|
