|
|
Postat pe 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t obține dimensiunea ecranului, ferestrei browserului, browserului și înălțimea și lățimea paginii web
Zona de vizibilitate a paginii web: document.body.clientWidth
Zona de vizibilitate a paginii web: document.body.clientÎnălțime
Lățimea ariei vizibile a paginii web: document.body.offsetWidth (inclusiv lățimea marginii)
Înălțimea suprafeței vizibile a paginii web: document.body.offsetÎnălțime (inclusiv lățimea marginii)
Lățimea completă a textului corpului paginii web: document.body.scrollWidth
Textul integral al paginii web este foarte mare: document.body.scrollHeight
Pagina este derulată sus: document.body.scrollTop
Pagina este derulată spre stânga: document.body.scrollLeft
Pe corpul paginii web: window.screenTop
Corpul paginii web este la stânga: window.screenLeft
Rezoluție mare a ecranului: window.screen.height
Lățimea rezoluției ecranului: window.screen.width
Ecranul disponibil înălțimea spațiului de lucru: window.screen.availHeight
Lățimea spațiului de lucru disponibilă pentru ecran: window.screen.availWidth
jQuery primește diverse lățimi și înălțimi
Zona de vizualizare a browserului
$(fereastră).înălțime()
$(fereastră).lățime()
Dimensiunea documentului paginii
$(document).înălțime()
$(document).width()
Dimensiunea corpului actual al documentului ferestrei
$(document.body).înălțime()
$(document.body).width()
Înălțimea verticală a barei de derulare până sus (adică înălțimea la care pagina este rulată)
$(document).scrollTop()
$(document).scrollLeft()
Targetare precisă în HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX relativ la coordonatele orizontale ale documentului
event.clientY relativ la coordonatele verticale ale documentului
event.offsetX relativ la coordonatele orizontale ale containerului
event.offsetY în raport cu coordonatele verticale ale containerului
document.documentElement.scrollTop valoare pentru derulare verticală
event.clientX+document.documentElement.scrollTop Cantitatea de coordonate orizontale + derulare verticală față de document
Adică diferențele FireFox sunt următoarele:
IE6.0、FF1.06+:
clientWidth = lățime + umplutură
clientÎnălțime = înălțime + umplutură
offsetWidth = lățime + umplutură + margine
offsetHeight = înălțime + umplutură + margine
IE5.0/5.5:
clientWidth = lățime - margine
clientÎnălțime = înălțime - margine
offsetWidth = lățime
offsetHeight = înălțime
(Trebuie menționat: atributul margin din CSS nu are nicio legătură cu clientWidth, offsetWidth, clientHeight, offsetHeight)
Zona de vizibilitate a paginii web: document.body.clientWidth
Zona de vizibilitate a paginii web înălțime: document.body.clientÎnălțime
Lățimea ariei vizibile a paginii web: document.body.offsetWidth (inclusiv lățimea marginii)
Înălțimea zonei vizibile web: document.body.offsetÎnălțime (inclusiv înălțimea marginilor)
Lățimea completă a textului paginii web: document.body.scrollWidth
Înălțimea textului complet: document.body.scrollÎnălțime
Pagina este derulată sus: document.body.scrollTop
Pagina este derulată spre stânga: document.body.scrollLeft
Pe corpul paginii web: window.screenTop
Partea stângă a corpului paginii web: window.screenLeft
Rezoluție mare a ecranului: window.screen.height
Lățimea rezoluției ecranului: window.screen.width
Ecranul disponibil înălțimea spațiului de lucru: window.screen.availHeight
Lățimea spațiului de lucru disponibilă pentru ecran: window.screen.availWidth
div.style.top: Distanța superioară față de componenta în care se află div-ul
－－－－－－－－－－－－－－－－－－－
Repere tehnice
Codul din această secțiune folosește în principal unele proprietăți ale obiectului Document în jurul ferestrei, iar funcțiile principale și utilizarea acestor proprietăți sunt următoarele.
Pentru a obține dimensiunea unei ferestre, trebuie folosite proprietăți și metode diferite pentru diferite browsere: pentru a detecta dimensiunea reală a unei ferestre, trebuie să folosești proprietatea Window în Netscape; În IE, trebuie să pătrunzi adânc în document pentru a detecta corpul. În mediul DOM, pentru a obține dimensiunea ferestrei, trebuie să fii atent la dimensiunea elementului rădăcină, nu la element.
Proprietatea innerWidth a obiectului Window conține lățimea internă a ferestrei curente. Proprietatea innerHeight a obiectului Window conține înălțimea internă a ferestrei curente.
Atributul corpului obiectului Document corespunde etichetei documentului HTML. Proprietatea documentElement a obiectului Document reprezintă nodul rădăcină al documentului HTML.
document.body.clientHeight indică înălțimea curentă a ferestrei în care se află documentul HTML. document.body. clientWidth reprezintă lățimea curentă a ferestrei în care se află documentul HTML.
Evenimente de dimensionare a browserului
window.onresize=numeFun; Sună funcția funName când dimensiunea browserului se schimbă |
Precedent:SEO Titlu Descriere a cuvântului cheie Limită de cuvinte Titlu, cuvinte cheie, descrip{filter}tion LengthUrmător:Tipul "Obiect" este definit într-o asamblare nereferențiată. Trebuie să adaug un răspuns la program...
|
