|
|
Geplaatst op 03-07-2018 16:54:42
|
|
|
Javascrip{filter}t krijgt de grootte van het scherm, browservenster, browser en webpaginahoogte en -breedte
Paginazichtbaarheidsgebied: document.body.clientBreedte
Webpaginazichtbaarheidsgebied: document.body.clientHeight
Zichtbare breedte van het zichtbare gebied van webpagina: document.body.offsetWidth (inclusief de breedte van de rand)
Zichtbare hoogtehoogte van het oppervlak van webpagina: document.body.offsetHeight (inclusief de breedte van de rand)
De volledige tekstbreedte van de webpagina-inhoud: document.body.scrollWidth
De volledige tekst van de webpagina is hoog: document.body.scrollHeight
De pagina wordt hoog gescrolld: document.body.scrollTop
De pagina wordt naar links gescrold: document.body.scrollLeft
Op de inhoud van de webpagina: window.screenTop
De inhoud van de webpagina is links: window.screenLeft
Hoge schermresolutie: window.screen.height
Breedte van de schermresolutie: window.screen.width
Scherm beschikbaar werkruimtehoogte: window.screen.availHeight
Schermbreedte beschikbare werkruimte: window.screen.availBreedte
jQuery krijgt verschillende breedtes en hoogtes
Browserweergavegebied
$(raam).hoogte()
$(window).width()
De documentgrootte van de pagina
$(document).height()
$(document).width()
De grootte van het huidige vensterdocumentlichaam
$(document.body).height()
$(document.body).width()
De verticale hoogte van de scrollbar naar boven (d.w.z. de hoogte waarop de pagina wordt opgerold)
$(document).scrollTop()
$(document).scrollLinks()
HTML precieze targeting: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX ten opzichte van de horizontale coördinaten van het document
event.clientY ten opzichte van de verticale coördinaten van het document
event.offsetX ten opzichte van de horizontale coördinaten van de container
gebeurtenis.offsetY ten opzichte van de verticale coördinaten van de container
document.documentElement.scrollTop-waarde voor verticale scrolling
event.clientX+document.documentElement.scrollTop Het aantal horizontale coördinaten + verticale scrolling ten opzichte van het document
Met andere woorden, de verschillen in FireFox zijn als volgt:
IE6.0、FF1.06+:
clientBreedte = breedte + opvulling
clientHeight = hoogte + opvulling
offsetWidth = breedte + opvulling + rand
offsetHeight = hoogte + opvulling + rand
IE5.0/5.5:
clientBreedte = breedte - rand
clientHeight = hoogte - rand
offsetBreedte = breedte
offsetHeight = hoogte
(Het moet worden vermeld: het margin-attribuut in CSS heeft niets te maken met clientWidth, offsetWidth, clientHeight, offsetHeight)
Paginazichtbaarheidsgebied: document.body.clientBreedte
Zichtbaarheid van webpagina hoogte van het gebied: document.body.clientHoogte
Zichtbare breedte van het zichtbare gebied van webpagina: document.body.offsetWidth (inclusief de breedte van de rand)
Web Zichtbare Oppervlakte Hoogte: document.body.offsetHeight (inclusief de hoogte van de randen)
De volledige tekstbreedte van de webpagina: document.body.scrollWidth
Volledige teksthoogte: document.body.scrollHeight
De pagina wordt hoog gescrolld: document.body.scrollTop
De pagina wordt naar links gescrold: document.body.scrollLeft
Op de inhoud van de webpagina: window.screenTop
Links van de inhoud van de webpagina: window.screenLinks
Hoge schermresolutie: window.screen.height
Breedte van de schermresolutie: window.screen.width
Scherm beschikbaar werkruimtehoogte: window.screen.availHeight
Schermbreedte beschikbare werkruimte: window.screen.availBreedte
div.style.top: De bovenste afstand ten opzichte van de component waar de div zich bevindt
－－－－－－－－－－－－－－－－－－－
Technische hoogtepunten
De code in deze sectie gebruikt voornamelijk enkele eigenschappen van het Document-object over het venster, en de belangrijkste functies en het gebruik van deze eigenschappen zijn als volgt.
Om de grootte van een venster te krijgen, moeten verschillende eigenschappen en methoden worden gebruikt voor verschillende browsers: om de werkelijke grootte van een venster te detecteren, moet je de eigenschap Window in Netscape gebruiken; In IE moet je diep in het document duiken om het lichaam te detecteren. In de DOM-omgeving moet je om de grootte van het venster te krijgen letten op de grootte van het wortelelement, niet op het element.
De innerWidth-eigenschap van het Window-object bevat de interne breedte van het huidige venster. De innerHeight-eigenschap van het Window-object bevat de interne hoogte van het huidige venster.
Het lichaamsattribuut van het Document-object komt overeen met de tag van het HTML-document. De documentElement-eigenschap van het Document-object vertegenwoordigt de wortelknoop van het HTML-document.
document.body.clientHeight geeft de huidige hoogte aan van het venster waarin het HTML-document zich bevindt. document.body. clientWidth geeft de huidige breedte van het venster waarin het HTML-document zich bevindt.
Browsergrootte-evenementen
window.onresize=funName; Roep de funName-functie aan wanneer de browsergrootte verandert |
Vorig:SEO-titel sleutelwoordbeschrijving woordlimiet Titel, trefwoorden, beschrijving{filter}lengteVolgend:Het type "Object" wordt gedefinieerd in een niet-gerefereerde assembly. Moet een antwoord toevoegen aan het programma...
|
