|
|
Publicerad på 2018-07-03 16:54:42
|
|
|
Javascrip{filter}t hämtar storleken på skärmen, webbläsarens fönster, webbläsarens och webbsidans höjd och bredd
Webbsidans synlighetsområde: document.body.clientWidth
Webbsidans synlighetsområde: document.body.clientHeight
Webbsidans synliga områdesbredd: document.body.offsetWidth (inklusive kantens bredd)
Webbsidans synliga områdeshöjd: document.body.offsetHeight (inklusive kantens bredd)
Webbsidans fullständiga textbredd: document.body.scrollWidth
Webbsidans fullständiga text är hög: document.body.scrollHeight
Sidan scrollas högt: document.body.scrollTop
Sidan scrollas till vänster: document.body.scrollLeft
I webbsidans brödtext: window.screenTop
Webbsidans brödtexter är vänster: window.screenLeft
Hög skärmupplösning: fönster.skärm.höjd
Skärmens breda upplösning: fönster.skärm.bredd
Skärm tillgänglig arbetsythöjd: window.screen.availHeight
Skärmens tillgängliga arbetsytbredd: window.screen.availWidth
jQuery får olika bredder och höjder
Webbläsarvisningsområde
$(fönster).höjd()
$(fönster).width()
Dokumentstorleken på sidan
$(dokument).height()
$(dokument).width()
Storleken på den aktuella fönsterdokumentkroppen
$(dokument.kropp).höjd()
$(dokument.kropp).width()
Den vertikala höjden på rullningsfältet till toppen (dvs. höjden där sidan rullas upp)
$(dokument).scrollTop()
$(dokument).scrollVänster()
HTML-precisionsmålinriktning: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX relativt dokumentets horisontella koordinater
event.clientY relativt dokumentets vertikala koordinater
event.offsetX relativt de horisontellt koordinaterna för behållaren
event.offsetY relativt containerns vertikala koordinater
document.documentElement.scrollTop-värde för vertikal scrollning
event.clientX+document.documentElement.scrollTop Antalet horisontella koordinater + vertikal scrollning i förhållande till dokumentet
Dvs. FireFox-skillnaderna är följande:
IE6.0、FF1.06+:
clientWidth = bredd + utfyllnad
clientHeight = höjd + utfyllnad
offsetWidth = bredd + utfyllnad + kant
offsetHeight = höjd + utfyllnad + kant
IE5.0/5.5:
clientWidth = bredd - ram
clientHeight = höjd - kant
offsetWidth = bredd
offsetHeight = höjd
(Det bör nämnas: margin-attributet i CSS har inget att göra med clientWidth, offsetWidth, clientHeight, offsetHeight)
Webbsidans synlighetsområde: document.body.clientWidth
Webbsidans synlighetsområdehöjd: document.body.clientHeight
Webbsidans synliga områdesbredd: document.body.offsetWidth (inklusive kantens bredd)
Webbens synliga områdes höjd: document.body.offsetHeight (inklusive höjden på kanterna)
Webbsidans fulla textbredd: document.body.scrollWidth
Fulltexthöjd: document.body.scrollHeight
Sidan scrollas högt: document.body.scrollTop
Sidan scrollas till vänster: document.body.scrollLeft
I webbsidans brödtext: window.screenTop
Vänster om webbsidans brödtext: window.screenLeft
Hög skärmupplösning: fönster.skärm.höjd
Skärmens breda upplösning: fönster.skärm.bredd
Skärm tillgänglig arbetsythöjd: window.screen.availHeight
Skärmens tillgängliga arbetsytbredd: window.screen.availWidth
div.style.top: Det övre avståndet i förhållande till komponenten där diven är placerad
－－－－－－－－－－－－－－－－－－－
Tekniska höjdpunkter
Koden i detta avsnitt använder huvudsakligen vissa egenskaper från Dokumentobjektet om fönstret, och huvudfunktionerna samt användningen av dessa egenskaper är följande.
För att få storleken på ett fönster måste olika egenskaper och metoder användas för olika webbläsare: för att upptäcka den verkliga storleken på ett fönster måste du använda egenskapen Window i Netscape; I IE måste du gå djupt in i dokumentet för att upptäcka kroppen. I DOM-miljön, för att få storleken på fönstret, måste du vara uppmärksam på storleken på rotelementet, inte elementet.
Egenskapen innerWidth för Window-objektet innehåller den interna bredden för det aktuella fönstret. Egenskapen innerHeight för Window-objektet innehåller den interna höjden för det aktuella fönstret.
Kroppsattributet för Dokumentobjektet motsvarar taggen för HTML-dokumentet. DocumentElement-egenskapen för Document-objektet representerar rotnoden i HTML-dokumentet.
document.body.clientHeight anger den aktuella höjden på fönstret där HTML-dokumentet finns. document.body. clientWidth representerar den aktuella bredden på fönstret där HTML-dokumentet är placerat.
Webbläsarstorlekshändelser
window.onresize=funName; Anropa funName-funktionen när webbläsarens storlek ändras |
Föregående:seo titel nyckelordsbeskrivning ordgräns Titel, nyckelord, beskrivning{filter}tionslängdNästa:Typen "Objekt" definieras i en orefererad sammansättning. Måste lägga till ett svar i programmet...
|
