|
|
Publisert på 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t får størrelsen på skjermen, nettleservinduet, nettleseren og nettsidens høyde og bredde
Nettstedssynlighetsområde: document.body.clientBredde
Nettstedssynlighetsområde: document.body.clientHeight
Synlig områdebredde på nettside: document.body.offsetWidth (inkludert bredden på kanten)
Nettsidens synlige områdehøyde: document.body.offsetHeight (inkludert bredden på kanten)
Hele tekstbredden til nettsidens brøddel: document.body.scrollWidth
Fullteksten på nettsiden er høy: document.body.scrollHeight
Siden scrolles høyt: document.body.scrollTop
Siden rulles til venstre: document.body.scrollLeft
På selve nettsiden: window.screenTop
Selve delen av nettsiden er venstre: window.screenLeft
Høy skjermoppløsning: vindu.skjerm.høyde
Bredde på skjermoppløsning: vindu.skjerm.bredde
Skjerm tilgjengelig arbeidsområdehøyde: window.screen.availHeight
Skjerm tilgjengelig arbeidsområdebredde: window.screen.availWidth
jQuery får ulike bredder og høyder
Nettleservisningsområde
$(vindu).høyde()
$(vindu).width()
Dokumentstørrelsen på siden
$(dokument).høyde()
$(dokument).width()
Størrelsen på den nåværende vindusdokumentkroppen
$(dokument.kropp).høyde()
$(dokument.kropp).width()
Den vertikale høyden på rullefeltet til toppen (dvs. høyden siden rulles opp i)
$(dokument).scrollTop()
$(dokument).scrollVenstre()
HTML-presis målretting: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX relativt til de horisontale koordinatene til dokumentet
event.clientY relativt til de vertikale koordinatene til dokumentet
event.offsetX relativt til de horisontale koordinatene til beholderen
event.offsetY relativt til de vertikale koordinatene til beholderen
document.documentElement.scrollTop-verdi for vertikal rulling
event.clientX+document.documentElement.scrollTop Mengden horisontale koordinater + vertikal rulling i forhold til dokumentet
Altså, FireFox-forskjellene er som følger:
IE6.0、FF1.06+:
clientWidth = bredde + utfylling
clientHeight = høyde + utfylling
offsetWidth = bredde + utfylling + kant
offsetHeight = høyde + utfylling + kant
IE5.0/5.5:
clientWidth = bredde - ramme
clientHeight = høyde - grense
offsetWidth = bredde
offsetHeight = høyde
(Det bør nevnes: margin-attributtet i CSS har ingenting med clientWidth, offsetWidth, clientHeight, offsetHeight å gjøre)
Nettstedssynlighetsområde: document.body.clientBredde
Nettsidens synlighetsområdehøyde: document.body.clientHeight
Synlig områdebredde på nettside: document.body.offsetWidth (inkludert bredden på kanten)
Web Synlig områdehøyde: document.body.offsetHeight (inkludert høyden på kantene)
Hele tekstbredden på nettsiden: document.body.scrollWidth
Fullteksthøyde: document.body.scrollHeight
Siden scrolles høyt: document.body.scrollTop
Siden rulles til venstre: document.body.scrollLeft
På selve nettsiden: window.screenTop
Venstre for selve delen av nettsiden: window.screenLeft
Høy skjermoppløsning: vindu.skjerm.høyde
Bredde på skjermoppløsning: vindu.skjerm.bredde
Skjerm tilgjengelig arbeidsområdehøyde: window.screen.availHeight
Skjerm tilgjengelig arbeidsområdebredde: window.screen.availWidth
div.style.top: Den øverste avstanden i forhold til komponenten der diven er plassert
－－－－－－－－－－－－－－－－－－－
Tekniske høydepunkter
Koden i denne seksjonen bruker hovedsakelig noen egenskaper fra Dokument-objektet om vinduet, og hovedfunksjonene og bruken av disse egenskapene er som følger.
For å få størrelsen på et vindu må ulike egenskaper og metoder brukes for forskjellige nettlesere: for å oppdage den sanne størrelsen på et vindu, må du bruke egenskapen til Window i Netscape; I IE må du gå dypt inn i dokumentet for å oppdage liket. I DOM-miljøet, for å få størrelsen på vinduet, må du være oppmerksom på størrelsen på rotelementet, ikke elementet.
Egenskapen innerWidth til Window-objektet inneholder den interne bredden til det nåværende vinduet. Egenskapen innerHeight til Window-objektet inneholder den interne høyden til det nåværende vinduet.
Kroppsattributtet til Document-objektet tilsvarer taggen til HTML-dokumentet. DocumentElement-egenskapen til Document-objektet representerer rotnoden i HTML-dokumentet.
document.body.clientHeight angir den nåværende høyden på vinduet der HTML-dokumentet befinner seg. document.body. clientWidth representerer den nåværende bredden til vinduet der HTML-dokumentet befinner seg.
Nettleserstørrelseshendelser
window.onresize=funName; Kall funName-funksjonen når nettleserens størrelse endres |
Foregående:seo-tittel nøkkelordbeskrivelse ordgrense Tittel, nøkkelord, beskrivelse{filter} lengdeNeste:Typen "Objekt" er definert i en ureferert samling. Må legge til et svar i programmet...
|
