|
|
Veröffentlicht am 03.07.2018 16:54:42
|
|
|
Javascrip{filter}t erhält die Größe des Bildschirms, des Browserfensters, des Browsers und der Webseitengröße und -breite
Webseitensichtbarkeitsbereich: document.body.clientBreite
Seitensichtbarkeitsbereich: document.body.clientHeight
Sichtbare Flächenbreite der Webseite: document.body.offsetWidth (einschließlich der Breite des Randes)
Webseite sichtbare Flächenhöhe: document.body.offsetHeight (einschließlich der Breite der Kante)
Die vollständige Textbreite des Seitentextes: document.body.scrollWidth
Der vollständige Text der Webseite ist hoch: document.body.scrollHeight
Die Seite ist hoch gescrollt: document.body.scrollTop
Die Seite wird nach links gescrollt: document.body.scrollLeft
Im Hauptteil der Webseite: window.screenTop
Der Hauptteil der Webseite ist links: window.screenLeft
Hohe Bildschirmauflösung: Fenster.Bildschirm.Höhe
Breite der Bildschirmauflösung: window.screen.width
Bildschirmverfügbare Arbeitsflächenhöhe: window.screen.availHeight
Bildschirmverfügbare Arbeitsflächenbreite: window.screen.availWidth
jQuery erhält verschiedene Breiten und Höhen
Browser-Viewing-Bereich
$(Fenster).höhe()
$(window).width()
Die Dokumentgröße der Seite
$(Dokument).height()
$(dokument).width()
Die Größe des aktuellen Fensterdokument-Body
$(dokument.body).height()
$(document.body).width()
Die vertikale Höhe der Scrollleiste nach oben (d. h. die Höhe, in der die Seite aufgerollt wird)
$(dokument).scrollTop()
$(Dokument).scrollLinks()
HTML-präzises Targeting: scrollLeft, scrollWidth, clientWidth, offsetWidth
scrollHeight: 获取对象的滚动高度。
scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth:获取对象的滚动宽度
offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX relativ zu den horizontalen Koordinaten des Dokuments
event.clientY relativ zu den vertikalen Koordinaten des Dokuments
event.offsetX relativ zu den horizontalen Koordinaten des Containers
event.offsetY relativ zu den vertikalen Koordinaten des Containers
document.documentElement.scrollTop-Wert für vertikales Scrollen
event.clientX+document.documentElement.scrollTop Die Anzahl der horizontalen Koordinaten + vertikales Scrollen relativ zum Dokument
Das heißt, die Unterschiede bei Firefox sind wie folgt:
IE6.0、FF1.06+:
clientWidth = Breite + Padding
clientHeight = Höhe + Padding
offsetWidth = Breite + Padding + Rand
offsetHeight = Höhe + Padding + Rand
IE5.0/5.5:
clientWidth = Breite – Rand
clientHeight = Höhe – Rand
offsetWidth = Breite
offsetHeight = Höhe
(Es sollte erwähnt werden: Das Margin-Attribut in CSS hat nichts mit clientWidth, offsetWidth, clientHeight, offsetHeight zu tun)
Webseitensichtbarkeitsbereich: document.body.clientBreite
Webseitensichtbarkeitsbereich Höhe: document.body.clientHeight
Sichtbare Flächenbreite der Webseite: document.body.offsetWidth (einschließlich der Breite des Randes)
Web-Sichtflächenhöhe: document.body.offsetHeight (einschließlich der Höhe der Kanten)
Die vollständige Textbreite der Webseite: document.body.scrollWidth
Volltexthöhe: document.body.scrollHeight
Die Seite ist hoch gescrollt: document.body.scrollTop
Die Seite wird nach links gescrollt: document.body.scrollLeft
Im Hauptteil der Webseite: window.screenTop
Links vom Hauptteil der Webseite: window.screenLinks
Hohe Bildschirmauflösung: Fenster.Bildschirm.Höhe
Breite der Bildschirmauflösung: window.screen.width
Bildschirmverfügbare Arbeitsflächenhöhe: window.screen.availHeight
Bildschirmverfügbare Arbeitsflächenbreite: window.screen.availWidth
div.style.top: Der obere Abstand relativ zur Komponente, in der sich die Div befindet
－－－－－－－－－－－－－－－－－－－
Technische Highlights
Der Code in diesem Abschnitt verwendet hauptsächlich einige Eigenschaften des Dokument-Objekts bezüglich des Fensters, und die Hauptfunktionen sowie deren Verwendung sind wie folgt.
Um die Größe eines Fensters zu erhalten, müssen für verschiedene Browser verschiedene Eigenschaften und Methoden verwendet werden: Um die tatsächliche Größe eines Fensters zu erkennen, muss man die Eigenschaft Window in Netscape verwenden; Im IE muss man tief in das Dokument eintauchen, um die Leiche zu entdecken. In der DOM-Umgebung muss man, um die Größe des Fensters zu bestimmen, auf die Größe des Wurzelelements achten, nicht auf das Element.
Die innerWidth-Eigenschaft des Window-Objekts enthält die interne Breite des aktuellen Fensters. Die innerHeight-Eigenschaft des Window-Objekts enthält die innere Höhe des aktuellen Fensters.
Das Body-Attribut des Dokument-Objekts entspricht dem Tag des HTML-Dokuments. Die Eigenschaft documentElement des Document-Objekts stellt den Wurzelknoten des HTML-Dokuments dar.
document.body.clientHeight gibt die aktuelle Höhe des Fensters an, in dem sich das HTML-Dokument befindet. document.body. clientWidth stellt die aktuelle Breite des Fensters dar, in dem sich das HTML-Dokument befindet.
Browser-Größen-Events
window.onresize=funName; Rufen Sie die funName-Funktion auf, wenn sich die Browsergröße ändert |
Vorhergehend:SEO-Titel Schlüsselwortbeschreibung Wortlimit Titel, Schlüsselwörter, Beschreibung von LängeNächster:Der Typ "Objekt" wird in einer unreferenzierten Assemblierung definiert. Muss eine Antwort zum Programm hinzufügen...
|
