Heim > Artikel > Web-Frontend > jQuery-Javascript-Implementierungscode zum Ermitteln der Höhe und Breite einer Webseite_Javascript-Fähigkeiten
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.