|
|
Opslået på 03/07/2018 16.54.42
|
|
|
Javascrip{filter}t får størrelsen på skærmen, browservinduet, browseren og websidens højde og bredde
Webside-synlighedsområde: document.body.clientBredde
Webside-synlighedsområde: document.body.clientHeight
Websides synlige områdebredde: document.body.offsetWidth (inklusive bredden af kanten)
Websides synlige områdehøjde: document.body.offsetHeight (inklusive bredden af kanten)
Den fulde tekstbredde på websidens brødtekst: document.body.scrollWidth
Hele teksten på websiden er høj: document.body.scrollHeight
Siden scrolles højt: document.body.scrollTop
Siden scrolles til venstre: document.body.scrollLeft
På selve delen af websiden: window.screenTop
Selve delen af websiden er venstre: window.screenLeft
Høj skærmopløsning: window.screen.height
Skærmopløsningens bredde: window.screen.width
Skærm tilgængelig arbejdsområdehøjde: window.screen.availHeight
Skærm tilgængelig arbejdsområdebredde: window.screen.availWidth
jQuery får forskellige bredder og højder
Browserens visningsområde
$(vindue).højde()
$(window).width()
Dokumentstørrelsen på siden
$(dokument).height()
$(dokument).width()
Størrelsen på den aktuelle vinduesdokumentkrop
$(dokument.krop).højde()
$(dokument.krop).bredde()
Den lodrette højde af scrollbaren til toppen (dvs. den højde, siden rulles op i)
$(dokument).scrollTop()
$(dokument).scrollVenstre()
HTML præcis målretning: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX i forhold til dokumentets horisontale koordinater
event.clientY i forhold til dokumentets vertikale koordinater
event.offsetX i forhold til containerens horisontale koordinater
event.offsetY i forhold til containerens lodrette koordinater
document.documentElement.scrollTop-værdi til vertikal scrolling
event.clientX+document.documentElement.scrollTop Mængden af horisontale koordinater + vertikal scrolling i forhold til dokumentet
Altså, forskellene i FireFox er som følger:
IE6.0、FF1.06+:
clientWidth = bredde + polstring
clientHeight = højde + polstring
offsetBredde = bredde + udfyldning + kant
offsetHeight = højde + udfyldning + kant
IE5.0/5.5:
clientWidth = bredde - kant
clientHeight = højde - grænse
offsetWidth = bredde
offsetHeight = højde
(Det bør nævnes: margin-attributten i CSS har intet at gøre med clientWidth, offsetWidth, clientHeight, offsetHeight)
Webside-synlighedsområde: document.body.clientBredde
Websidesynlighedsområde højde: document.body.clientHeight
Websides synlige områdebredde: document.body.offsetWidth (inklusive bredden af kanten)
Web synligt områdehøjde: document.body.offsetHeight (inklusive højden på kanterne)
Den fulde tekstbredde på websiden: document.body.scrollWidth
Fuld teksthøjde: document.body.scrollHeight
Siden scrolles højt: document.body.scrollTop
Siden scrolles til venstre: document.body.scrollLeft
På selve delen af websiden: window.screenTop
Venstre for websidens indhold: window.screenLeft
Høj skærmopløsning: window.screen.height
Skærmopløsningens bredde: window.screen.width
Skærm tilgængelig arbejdsområdehøjde: window.screen.availHeight
Skærm tilgængelig arbejdsområdebredde: window.screen.availWidth
div.style.top: Topafstanden i forhold til den komponent, hvor div'en er placeret
－－－－－－－－－－－－－－－－－－－
Tekniske højdepunkter
Koden i dette afsnit bruger hovedsageligt nogle egenskaber fra Dokument-objektet om vinduet, og hovedfunktionerne og brugen af disse egenskaber er som følger.
For at få størrelsen på et vindue skal forskellige egenskaber og metoder bruges for forskellige browsere: for at opdage den sande størrelse af et vindue skal du bruge egenskaben Window i Netscape; I IE skal du gå dybt ind i dokumentet for at opdage liget. I DOM-miljøet skal du være opmærksom på størrelsen af rodelementet for at få størrelsen på vinduet, ikke elementet.
Egenskaben innerWidth for Window-objektet indeholder den interne bredde af det aktuelle vindue. Egenskaben innerHeight for Window-objektet indeholder den interne højde af det aktuelle vindue.
Body-attributten for Document-objektet svarer til tagget for HTML-dokumentet. DocumentElement-egenskaben for Document-objektet repræsenterer rod-noden i HTML-dokumentet.
document.body.clientHeight angiver den aktuelle højde af det vindue, hvor HTML-dokumentet er placeret. document.body. clientWidth repræsenterer den aktuelle bredde af det vindue, hvor HTML-dokumentet er placeret.
Browserstørrelsesbegivenheder
window.onresize=funName; Kald funName-funktionen, når browserens størrelse ændres |
Tidligere:SEO-titel nøgleordbeskrivelse ordgrænse Titel, nøgleord, beskrivelse{filter}tion længdeNæste:Typen "Objekt" defineres i en urefereret samling. Må tilføje et svar til programmet...
|
