|
|
Julkaistu 3.7.2018 16.54.42
|
|
|
Javascrip{filter}t saa näytön, selainikkunan, selaimen sekä verkkosivun korkeuden ja leveyden
Verkkosivun näkyvyysalue: document.body.clientWidth
Verkkosivun näkyvyysalue: document.body.clientHeight
Verkkosivun näkyvä pinta-alan leveys: document.body.offsetWidth (mukaan lukien reunan leveys)
Verkkosivun näkyvä pinta-alan korkeus: document.body.offsetHeight (mukaan lukien reunan leveys)
Verkkosivun rungon koko tekstin leveys: document.body.scrollWidth
Verkkosivun koko teksti on korkea: document.body.scrollHeight
Sivu vieritetään korkealle: document.body.scrollTop
Sivu vieritetään vasemmalle: document.body.scrollLeft
Verkkosivun rungossa: window.screenTop
Verkkosivun runko on vasemmalla: window.screenLeft
Korkea näytön resoluutio: window.screen.height
Näytön resoluution leveys: window.screen.width
Näytön käytettävissä oleva työtilan korkeus: window.screen.availHeight
Näytön käytettävissä oleva työtilan leveys: window.screen.availWidth
jQuery saa useita leveyksiä ja korkeuksia
Selaimen katselualue
$(ikkuna).korkeus()
$(window).width()
Sivun dokumentin koko
$(dokumentti).korkeus()
$(document).width()
Nykyisen ikkunadokumentin rungon koko
$(dokumentti.body).korkeus()
$(document.body).width()
Vierityspalkin pystysuora korkeus ylös (eli sivun rullauksen korkeus)
$(document).scrollTop()
$(document).scrollLeft()
HTML-tarkka kohdentaminen: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX suhteessa asiakirjan vaakasuoriin koordinaatteihin
event.clientY suhteessa asiakirjan pystysuoriin koordinaatteihin
event.offsetX suhteessa säiliön vaakasuunnasiin koordinaatteihin
event.offsetY suhteessa kontin pystysuoriin koordinaatteihin
document.documentElement.scroll Paras arvo pystysuuntaiseen vieritykseen
event.clientX+document.documentElement.scrollTop Vaakasuorien koordinaattien määrä + pystysuora vieritys suhteessa dokumenttiin
Eli FireFoxin erot ovat seuraavat:
IE6.0、FF1.06+:
clientWidth = leveys + täyte
clientHeight = korkeus + pehmuste
offsetWidth = leveys + pehmuste + reunus
offsetHeight = korkeus + täyte + reuna
IE5.0/5.5:
clientWidth = leveys - reunus
clientHeight = korkeus - reunus
offsetWidth = leveys
offsetHeight = korkeus
(On mainittava: marginaaliattribuutilla CSS:ssä ei ole mitään tekemistä clientWidth, offsetWidth, clientHeight, offsetHeight kanssa)
Verkkosivun näkyvyysalue: document.body.clientWidth
Verkkosivun näkyvyysalueen korkeus: document.body.clientHeight
Verkkosivun näkyvä pinta-alan leveys: document.body.offsetWidth (mukaan lukien reunan leveys)
Web Näkyvän alueen korkeus: document.body.offsetHeight (mukaan lukien reunojen korkeus)
Verkkosivun koko tekstin leveys: document.body.scrollWidth
Koko tekstin korkeus: document.body.scrollHeight
Sivu vieritetään korkealle: document.body.scrollTop
Sivu vieritetään vasemmalle: document.body.scrollLeft
Verkkosivun rungossa: window.screenTop
Verkkosivun rungon vasemmalla puolella: window.screenLeft
Korkea näytön resoluutio: window.screen.height
Näytön resoluution leveys: window.screen.width
Näytön käytettävissä oleva työtilan korkeus: window.screen.availHeight
Näytön käytettävissä oleva työtilan leveys: window.screen.availWidth
div.style.top: Yläetäisyys suhteessa komponenttiin, jossa div sijaitsee
－－－－－－－－－－－－－－－－－－－
Tekniset kohokohdat
Tämän osion koodi käyttää pääasiassa joitakin Document-objektin ominaisuuksia ikkunassa, ja näiden ominaisuuksien päätoiminnot ja käyttötavat ovat seuraavat.
Ikkunan koon määrittämiseksi eri selaimille täytyy käyttää erilaisia ominaisuuksia ja metodeja: ikkunan todellisen koon tunnistamiseksi sinun täytyy käyttää Netscapen Ikkuna-ominaisuutta; IE:ssä sinun täytyy mennä syvälle dokumenttiin tunnistaaksesi ruumiin. DOM-ympäristössä ikkunan koon saamiseksi täytyy kiinnittää huomiota juurielementin kokoon, ei alkioon.
Window-objektin innerWidth-ominaisuus sisältää nykyisen ikkunan sisäisen leveyden. Window-objektin innerHeight-ominaisuus sisältää nykyisen ikkunan sisäisen korkeuden.
Dokumenttiobjektin runkoattribuutti vastaa HTML-dokumentin tagia. Document-objektin documentElement-ominaisuus edustaa HTML-dokumentin juurisolmua.
document.body.clientHeight ilmaisee ikkunan nykyisen korkeuden, jossa HTML-dokumentti sijaitsee. document.body. clientWidth edustaa ikkunan nykyistä leveyttä, jossa HTML-dokumentti sijaitsee.
Selaimen kokotapahtumat
window.onresize=funName; Kutsu funName-funktiota, kun selaimen koko muuttuu |
Edellinen:seo otsikko avainsanan kuvaus sanarajoitus Otsikko, avainsanat, descrip{filter}tion pituusSeuraava:Tyyppi "Olio" määritellään viitamattoman kokoonpanon muodossa. Täytyy lisätä vastaus ohjelmaan...
|
