|
|
Pubblicato su 03/07/2018 16:54:42
|
|
|
Javascrip{filter}t ottiene l'altezza e larghezza dello schermo, della finestra del browser, del browser e della pagina web
Area di visibilità della pagina web: document.body.clientWidth
Area di visibilità della pagina web: document.body.clientAltezza
Area visibile della pagina web: document.body.offsetWidth (inclusa la larghezza del bordo)
Altezza area visibile della pagina web: document.body.offsetAltezza (inclusa la larghezza del bordo)
La larghezza completa del testo del corpo della pagina web: document.body.scrollWidth
Il testo completo della pagina web è alto: document.body.scrollHeight
La pagina è scorrita in alto: document.body.scrollTop
La pagina è scorrita a sinistra: document.body.scrollLeft
Sul corpo della pagina web: window.screenTop
Il corpo della pagina web è a sinistra: window.screenLeft
Alta risoluzione dello schermo: window.screen.height
Larghezza della risoluzione dello schermo: window.screen.width
Altezza dello spazio di lavoro disponibile per schermo: window.screen.availHeight
Larghezza dello spazio di lavoro disponibile dello schermo: window.screen.availWidth
jQuery ottiene varie larghezze e altezze
Area di visualizzazione del browser
$(finestra).altezza()
$(finestra).larghezza()
La dimensione del documento della pagina
$(documento).altezza()
$(document).width()
La dimensione del corpo attuale del documento a finestra
$(document.body).altezza()
$(document.body).width()
L'altezza verticale della barra di scorrimento fino all'alto (cioè l'altezza a cui la pagina viene arrotolata)
$(document).scrollTop()
$(document).scrollLeft()
Targeting preciso HTML: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX rispetto alle coordinate orizzontali del documento
event.clientY rispetto alle coordinate verticali del documento
event.offsetX rispetto alle coordinate orizzontali del contenitore
event.offsetY rispetto alle coordinate verticali del contenitore
document.documentElement.scroll Valore migliore per lo scorrimento verticale
event.clientX+document.documentElement.scrollTop La quantità di coordinate orizzontali + scorrimento verticale rispetto al documento
Cioè, le differenze tra Firefox sono le seguenti:
IE6.0、FF1.06+:
clientWidth = larghezza + imbottitura
clientHeight = altezza + imbottitura
offsetWidth = larghezza + imbottitura + bordo
offsetAltezza = altezza + imbottitura + bordo
IE5.0/5.5:
clientWidth = larghezza - bordo
clientHeight = altezza - bordo
offsetWidth = larghezza
offsetAltezza = altezza
(Va menzionato: l'attributo margine in CSS non ha nulla a che fare con clienteWidth, offsetWidth, clientHeight, offsetHeight)
Area di visibilità della pagina web: document.body.clientWidth
Area di visibilità della pagina web, altezza: document.body.clientAltezza
Area visibile della pagina web: document.body.offsetWidth (inclusa la larghezza del bordo)
Altezza dell'area visibile web: document.body.offsetAltezza (inclusa l'altezza dei bordi)
La larghezza di testo completa della pagina web: document.body.scrollWidth
Altezza del testo completo: document.body.scrollHeight
La pagina è scorrita in alto: document.body.scrollTop
La pagina è scorrita a sinistra: document.body.scrollLeft
Sul corpo della pagina web: window.screenTop
A sinistra del corpo della pagina web: window.screenLeft
Alta risoluzione dello schermo: window.screen.height
Larghezza della risoluzione dello schermo: window.screen.width
Altezza dello spazio di lavoro disponibile per schermo: window.screen.availHeight
Larghezza dello spazio di lavoro disponibile dello schermo: window.screen.availWidth
div.style.top: La distanza massima rispetto alla componente in cui si trova la div
－－－－－－－－－－－－－－－－－－－
Punti tecnici importanti
Il codice in questa sezione utilizza principalmente alcune proprietà dell'oggetto Document riguardo alla finestra, e le funzioni principali e l'uso di queste proprietà sono le seguenti.
Per ottenere la dimensione di una finestra, è necessario utilizzare proprietà e metodi diversi per browser differenti: per rilevare la dimensione reale di una finestra, è necessario usare la proprietà di Window in Netscape; In IE, devi andare a fondo nel documento per rilevare il corpo. Nell'ambiente DOM, per ottenere la dimensione della finestra, devi prestare attenzione alla dimensione dell'elemento radice, non all'elemento.
La proprietà innerWidth dell'oggetto Finestra contiene la larghezza interna della finestra corrente. La proprietà innerHeight dell'oggetto Finestra contiene l'altezza interna della finestra corrente.
L'attributo corpo dell'oggetto Documento corrisponde al tag del documento HTML. La proprietà documentElement dell'oggetto Document rappresenta il nodo radice del documento HTML.
document.body.clientHeight indica l'altezza attuale della finestra in cui si trova il documento HTML. document.body. clientWidth rappresenta la larghezza corrente della finestra in cui si trova il documento HTML.
Eventi di dimensionamento del browser
window.onresize=nomeDivertente; Chiama la funzione funName quando la dimensione del browser cambia |
Precedente:SEO Title Keyword Descrizione Limite Parole Titolo, parole chiave, descrip{filter}tion LunghezzaProssimo:Il tipo "Object" è definito in un assembly non riferito. Devo aggiungere una risposta al programma...
|
