So ermitteln Sie die Höhe und Breite einer Webseite mithilfe von JavaScript und jQuery

JavaScript und jQuery werden häufig in der Front-End-Entwicklung verwendet. In diesem Artikel erfahren Sie, wie Sie die Höhe und Breite einer Webseite mithilfe von JFreunden, die es benötigen, nachschlagen können Es kann dir helfen, der es lernt!

Javascript

Breite des sichtbaren Bereichs der Webseite: document.body.clientWidth
Höhe des sichtbaren Bereichs der Webseite: document.body.clientHeight
Breite des sichtbaren Bereichs der Webseite: document.body.offsetWidth (einschließlich der Breite der Kante)
Höhe des sichtbaren Bereichs der Webseite: document.body.offsetHeight (einschließlich der Höhe der Kante)
Vollständig Textbreite des Webseitenkörpers: document.body.scrollWidth
Webseite Volltexthöhe: document.body.scrollHeight
Die Höhe der gescrollten Webseite: document.body.scrollTop
Die linke Seite der Webseite, die gescrollt wird: document.body.scrollLeft
Der Hauptteil der Webseite: window.screenTop
Links vom Textteil der Webseite: window.screenLeft
Höhe der Bildschirmauflösung: window.screen .height
Breite der Bildschirmauflösung: window.screen.width
Höhe des verfügbaren Arbeitsbereichs auf dem Bildschirm: window screen.availHeight
Breite des verfügbaren Arbeitsbereichs auf dem Bildschirm: window.screen.availWidth

jquery

Ermitteln Sie die Höhe des Browser-Anzeigebereichs: (window).height( ); Ermitteln Sie die Breite des Browser-Anzeigebereichs: (window).height(); die Breite des Browser-Anzeigebereichs: (window).width();
Ermitteln Sie die Dokumenthöhe der Seite: (document).height() ; Ermitteln Sie die Dokumentbreite der Seite: (document).height() ; Ermitteln Sie die Dokumentbreite der Seite: (document).width();
Ermitteln Sie die vertikale Höhe der Bildlaufleiste nach oben: (document).scrollTop(); left: (document).scrollTop(); Ermitteln Sie die vertikale Breite der Bildlaufleiste nach links: (document).scrollLeft();
Berechnen Sie die Elementposition und den Offset.
Die Offset-Methode ist eine nützliche Methode gibt die Offset-Informationen des ersten Elements im gepackten Satz zurück. Standardmäßig handelt es sich um die Offset-Informationen relativ zum Körper. Das Ergebnis enthält zwei Attribute, oben und links.
offset(options, results)
options.relativeTo　Gibt das Vorgängerelement relativ zur berechneten Offset-Position an. Dieses Element sollte relativ oder absolut positioniert werden. Wenn es weggelassen wird, ist es relativ zum Körper.
options.scroll Ob die Bildlaufleiste einbezogen werden soll, der Standardwert ist TRUE
options.padding Ob der Innenabstand einbezogen werden soll, der Standardwert ist false
options.margin Ob der Rand einbezogen werden soll, der Standardwert ist true
Optionen .border Gibt an, ob der Rahmen eingeschlossen werden soll, Standardwert true

Das obige ist der detaillierte Inhalt vonSo ermitteln Sie die Höhe und Breite einer Webseite mithilfe von JavaScript und jQuery. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!