Heim > Web-Frontend > js-Tutorial > js-Code, um Seiten- und Elementhöhe und -breite zu erhalten_Javascript-Kenntnisse

js-Code, um Seiten- und Elementhöhe und -breite zu erhalten_Javascript-Kenntnisse

WBOY
Freigeben: 2016-05-16 15:03:45
Original
2038 Leute haben es durchsucht

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 Breite der Kanten und Bildlaufleisten); Die Höhe des sichtbaren Bereichs der Webseite: document.body.offsetHeight (einschließlich der Breite der Kante); Vollständige Textbreite des Webseitenkörpers: document.body.scrollWidth; Vollständige Texthöhe des Webseitenkörpers: document.body.scrollHeight; Die Höhe, mit der die Webseite gescrollt wird (ff): document.body.scrollTop; Die Höhe, auf der die Webseite gescrollt wird (dh): document.documentElement.scrollTop; Die linke Seite der Webseite, die gescrollt wird: document.body.scrollLeft; Im Hauptteil der Webseite: window.screenTop; Linker Teil des Webseitentextes: window.screenLeft; Die Breite eines Elements: obj.offsetWidth;
Die Höhe eines Elements: obj.offsetHeight;
Der Abstand vom oberen Rand eines Elements zum oberen Rand des Körpers: obj.offsetTop; (wenn das enthaltende Element keine Bildlaufleiste enthält)
Der Abstand vom linken Rand eines Elements zur äußersten linken Seite des Körpers: obj.offsetLeft; (wenn das enthaltende Element keine Bildlaufleiste enthält)
Gibt den Versatz von der oberen Grenze des aktuellen Elements zur oberen Grenze seines enthaltenden Elements zurück: obj.offsetTop (für den Fall, dass das enthaltende Element des Elements eine Bildlaufleiste enthält)
Gibt den Versatz vom linken Rand des aktuellen Elements zum linken Rand seines enthaltenden Elements zurück: obj.offsetLeft (wenn das enthaltende Element des Elements eine Bildlaufleiste enthält)


scrollTop, scrollLeft


Legen Sie die Anzahl der Pixel fest, die zum linken oder oberen Rand des Elements gescrollt wurden, oder geben Sie sie zurück. Diese Pixel sind nur dann nützlich, wenn das Element über Bildlaufleisten verfügt, beispielsweise wenn die CSS-Überlaufeigenschaft des Elements auf „Auto“ gesetzt ist. Diese Eigenschaften werden auch nur im -Tag des Dokuments definiert (dies ist browserabhängig) und geben zusammen die Position des scrollenden Dokuments an. Beachten Sie, dass diese Eigenschaften nicht den Umfang des Bildlaufs für ein