|
|
Postitatud 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t saab ekraani, brauseriakna, brauseri ning veebilehe kõrguse ja laiuse suuruse
Veebilehe nähtavuse ala: document.body.clientWidth
Veebilehe nähtavuse ala: document.body.clientHeight
Veebilehe nähtava ala laius: document.body.offsetWidth (sh serva laius)
Veebilehe nähtav ala kõrgus: document.body.offsetHeight (sh serva laius)
Veebilehe keha täisteksti laius: document.body.scrollWidth
Veebilehe täistekst on kõrge: document.body.scrollHeight
Leht on keritud kõrgele: document.body.scrollTop
Leht kerib vasakule: document.body.scrollLeft
Veebilehe põhiosas: window.screenTop
Veebilehe põhiosa on vasakul: window.screenLeft
Kõrge ekraani resolutsioon: window.screen.height
Ekraani resolutsiooni laius: window.screen.width
Ekraani vaba tööruumi kõrgus: window.screen.availHeight
Ekraani vaba tööruumi laius: window.screen.availWidth
jQuery saab erinevaid laiusi ja kõrgusi
Brauseri vaatamisala
$(aken).kõrgus()
$(window).width()
Lehe dokumendi suurus
$(dokument).kõrgus()
$(document).width()
Praeguse akna dokumendi keha suurus
$(dokument.keha).kõrgus()
$(document.body).width()
Kerimisriba vertikaalne kõrgus ülemiseni (st kõrgus, mille juures leht üles rullitakse)
$(dokument).scrollTop()
$(dokument).scrollLeft()
HTML täpne sihtimine: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX suhtes dokumendi horisontaalsete koordinaatide suhtes
event.clientY suhtes dokumendi vertikaalsete koordinaatidega
event.offsetX suhtes konteineri horisontaalsete koordinaatide suhtes
event.offsetY suhtes konteineri vertikaalsete koordinaatide suhtes
document.documentElement.scrollTop väärtus vertikaalse kerimise jaoks
event.clientX+document.documentElement.scrollTop Horisontaalsete koordinaatide hulk + vertikaalne kerimine dokumendi suhtes
Näiteks FireFoxi erinevused on järgmised:
IE6.0、FF1.06+:
clientWidth = laius + täitematerjal
clientHeight = kõrgus + polsterdus
offsetWidth = laius + täite + ääris
offsetHeight = kõrgus + polsterdus + ääris
IE5.0/5.5:
clientWidth = laius - ääris
clientHeight = kõrgus - piir
offsetWidth = laius
offsetKõrgus = kõrgus
(Tuleb mainida: CSS-i marginaali atribuut ei ole seotud clientWidth, offsetWidth, clientHeight, offsetHeight)
Veebilehe nähtavuse ala: document.body.clientWidth
Veebilehe nähtavuse ala kõrgus: document.body.clientHeight
Veebilehe nähtava ala laius: document.body.offsetWidth (sh serva laius)
Veebi nähtava ala kõrgus: document.body.offsetHeight (sh servade kõrgus)
Veebilehe täisteksti laius: document.body.scrollWidth
Täisteksti kõrgus: document.body.scrollHeight
Leht on keritud kõrgele: document.body.scrollTop
Leht kerib vasakule: document.body.scrollLeft
Veebilehe põhiosas: window.screenTop
Veebilehe keha vasakul küljel: window.screenLeft
Kõrge ekraani resolutsioon: window.screen.height
Ekraani resolutsiooni laius: window.screen.width
Ekraani vaba tööruumi kõrgus: window.screen.availHeight
Ekraani vaba tööruumi laius: window.screen.availWidth
div.style.top: Tippkaugus komponendi suhtes, kus div asub
－－－－－－－－－－－－－－－－－－－
Tehnilised tipphetked
Selle jaotise kood kasutab peamiselt mõningaid Dokumendi objekti omadusi akna kohta ning nende omaduste peamised funktsioonid ja kasutus on järgmised.
Akna suuruse saamiseks tuleb erinevate brauserite jaoks kasutada erinevaid omadusi ja meetodeid: akna tegeliku suuruse tuvastamiseks tuleb kasutada Netscape'is Window omadust; IE-s pead dokumenti sügavalt uurima, et keha tuvastada. DOM-keskkonnas tuleb akna suuruse määramiseks pöörata tähelepanu juurelemendi suurusele, mitte elemendile.
Akna objekti innerWidth omadus sisaldab praeguse akna sisemist laiust. Akna objekti innerHeight omadus sisaldab praeguse akna sisemist kõrgust.
Dokumendi objekti keha atribuut vastab HTML-dokumendi sildile. Dokumendi objekti documentElement omadus esindab HTML-dokumendi juursõlme.
document.body.clientHeight näitab akna praegust kõrgust, kus HTML-dokument asub. document.body. clientWidth tähistab akna praegust laiust, kus HTML-dokument asub.
Brauseri suuruse sündmused
window.onresize=funName; Kutsu funName funktsiooni, kui brauseri suurus muutub |
Eelmine:seo pealkiri märksõna kirjeldus sõnapiirang Pealkiri, märksõnad, descrip{filter}tion pikkusJärgmine:Tüüp "Object" on määratletud viitamata assamblees. Pean programmi vastuse lisama...
|
