|
|
Objavljeno na 3. 07. 2018 16:54:42
|
|
|
Javascrip{filter}t dobi velikost zaslona, okna brskalnika, višine in širine brskalnika ter spletne strani
Območje vidnosti spletne strani: document.body.clientWidth
Območje vidnosti spletne strani: document.body.clientHeight
Širina vidnega območja spletne strani: document.body.offsetWidth (vključno s širino roba)
Vidna površina na spletni strani: document.body.offsetHeight (vključno s širino roba)
Polna širina besedila telesa spletne strani: document.body.scrollWidth
Celotno besedilo spletne strani je visoko: document.body.scrollHeight
Stran je pomaknjena visoko: document.body.scrollTop
Stran je pomikana levo: document.body.scrollLeft
Na ohišju spletne strani: window.screenTop
Telo spletne strani je levo: window.screenLeft
Visoka ločljivost zaslona: window.screen.height
Širina zaslona ločljivosti: window.screen.width
Višina delovnega prostora na zaslonu: window.screen.availVišina
Razpoložljiva širina delovnega prostora na zaslonu: window.screen.availWidth
jQuery ima različne širine in višine
Območje za ogled brskalnika
$(window).height()
$(window).width()
Velikost dokumenta strani
$(document).height()
$(document).width()
Velikost trenutnega okenskega telesa dokumenta
$(document.body).height()
$(document.body).width()
Navpična višina drsnika do vrha (tj. višina, na kateri je stran zvita)
$(document).scrollTop()
$(document).scrollLeft()
HTML natančno ciljanje: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX glede na horizontalne koordinate dokumenta
event.clientY glede na navpične koordinate dokumenta
event.offsetX glede na horizontalne koordinate kontejnerja
event.offsetY glede na navpične koordinate kontejnerja
document.documentElement.scroll Največja vrednost za vertikalno pomikanje
event.clientX+document.documentElement.scrollTop Število vodoravnih koordinat + navpično pomikanje glede na dokument
Na primer, razlike pri FireFoxu so naslednje:
IE6.0、FF1.06+:
clientWidth = širina + polnjenje
clientHeight = višina + polnjenje
offsetWidth = širina + polnjenje + rob
offsetHeight = višina + polnjenje + rob
IE5.0/5.5:
clientWidth = širina - rob
clientHeight = višina - rob
offsetWidth = širina
offsetHeight = višina
(Omeniti velja: atribut margin v CSS nima nobene povezave s clientWidth, offsetWidth, clientHeight, offsetHeight)
Območje vidnosti spletne strani: document.body.clientWidth
Višina vidnosti spletne strani: document.body.clientHeight
Širina vidnega območja spletne strani: document.body.offsetWidth (vključno s širino roba)
Višina vidnega območja na spletu: document.body.offsetHeight (vključno z višino robov)
Polna širina besedila spletne strani: document.body.scrollWidth
Celotno besedilo višina: document.body.scrollHeightHeight
Stran je pomaknjena visoko: document.body.scrollTop
Stran je pomikana levo: document.body.scrollLeft
Na ohišju spletne strani: window.screenTop
Levo od telesa spletne strani: window.screenLeft
Visoka ločljivost zaslona: window.screen.height
Širina zaslona ločljivosti: window.screen.width
Višina delovnega prostora na zaslonu: window.screen.availVišina
Razpoložljiva širina delovnega prostora na zaslonu: window.screen.availWidth
div.style.top: Najvišja razdalja glede na komponento, kjer se div nahaja
－－－－－－－－－－－－－－－－－－－
Tehnični poudarki
Koda v tem razdelku večinoma uporablja nekatere lastnosti objekta Document o oknu, glavne funkcije in uporaba teh lastnosti pa so naslednje.
Za določitev velikosti okna je treba uporabiti različne lastnosti in metode za različne brskalnike: za zaznavo prave velikosti okna morate uporabiti lastnost Window v Netscapeu; Pri IE moraš iti globoko v dokument, da zaznaš truplo. V DOM okolju morate za določitev velikosti okna paziti na velikost korenskega elementa, ne na element.
Lastnost innerWidth objekta Window vsebuje notranjo širino trenutnega okna. Lastnost innerHeight objekta Window vsebuje notranjo višino trenutnega okna.
Atribut telesa objekta Dokument ustreza oznaki HTML dokumenta. Lastnost documentElement objekta Document predstavlja korensko vozlišče HTML dokumenta.
document.body.clientHeight označuje trenutno višino okna, v katerem se nahaja HTML dokument. document.body. clientWidth predstavlja trenutno širino okna, v katerem se nahaja HTML dokument.
Dogodki za določanje velikosti brskalnika
window.onresize=funName; Pokliči funkcijo funName, ko se spremeni velikost brskalnika |
Prejšnji:SEO naslov opis ključne besede omejitev besed Naslov, ključne besede, opis dolžine opisa (décrip{filter}tion lengthNaslednji:Tip "Object" je definiran v nereferencirani sestavi. Moram dodati odgovor v program...
|
