Heim  >  Artikel  >  Web-Frontend  >  jQuery-Javascript-Implementierungscode zum Ermitteln der Höhe und Breite einer Webseite_Javascript-Fähigkeiten

jQuery-Javascript-Implementierungscode zum Ermitteln der Höhe und Breite einer Webseite_Javascript-Fähigkeiten

WBOY
WBOYOriginal
2016-05-16 15:03:481232Durchsuche

Sichtbare Bereichsbreite der Webseite: document.body.clientWidth
Die Höhe des sichtbaren Bereichs der Webseite: document.body.clientHeight
Die Breite des sichtbaren Bereichs der Webseite: document.body.offsetWidth (einschließlich der Kantenbreite)
Die Höhe des sichtbaren Bereichs der Webseite: document.body.offsetHeight (einschließlich der Höhe der Kante)
Volltextbreite des Webseitenkörpers: document.body.scrollWidth
Vollständige Texthöhe des Webseitenkörpers: document.body.scrollHeight
Die Seite wird nach oben gescrollt: document.body.scrollTop
Die linke Seite der Webseite, die gescrollt wird: document.body.scrollLeft
Im Hauptteil der Webseite: window.screenTop
Die linke Seite des Hauptteils der Webseite: window.screenLeft
Die Höhe der Bildschirmauflösung: window.screen.height
Die Breite der Bildschirmauflösung: window.screen.width
Auf dem Bildschirm verfügbare Arbeitsbereichshöhe: window.screen.availHeight

Auf dem Bildschirm verfügbare Arbeitsbereichsbreite: window.screen.availWidth

jquery

Ermitteln Sie die Höhe des Browser-Anzeigebereichs: $(window).height();
Ermitteln Sie die Breite des Browser-Anzeigebereichs:
$(window).width(); Ermitteln Sie die Dokumenthöhe der Seite:
$(document).height();
Ermitteln Sie die Dokumentbreite der Seite:
$(document).width();
Ermitteln Sie die vertikale Höhe der Bildlaufleiste nach oben: $(document).scrollTop(); Ermitteln Sie die vertikale Breite der Bildlaufleiste nach links: $(document).scrollLeft();

Elementposition und -versatz berechnen

Die Offset-Methode ist eine sehr nützliche Methode, die die Offset-Informationen des ersten Elements im gepackten Satz zurückgibt. Standardmäßig handelt es sich um die Offset-Informationen relativ zum Körper. Das Ergebnis enthält zwei Attribute, oben und links.

offset(Optionen, Ergebnisse) options.relativeTo gibt das Vorgängerelement relativ zur berechneten Versatzposition an. Dieses Element sollte relativ oder absolut positioniert werden. Wenn es weggelassen wird, ist es relativ zum Körper.
options.scroll Gibt an, ob Bildlaufleisten einbezogen werden sollen, standardmäßig TRUE
options.padding Gibt an, ob Auffüllungen einbezogen werden sollen. Standardmäßig ist „false“
options.margin Gibt an, ob die Marge in die Berechnung einbezogen werden soll, Standardwert true
options.border Gibt an, ob der Rahmen eingeschlossen werden soll, standardmäßig true

Das obige jQuery-Javascript zum Ermitteln der Höhe und Breite einer Webseite ist der gesamte vom Herausgeber freigegebene Inhalt. Ich hoffe, dass es Ihnen eine Referenz geben kann, und ich hoffe auch, dass jeder Script Home unterstützt.

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn