Heim > Web-Frontend > js-Tutorial > Hauptteil

Welche Eigenschaften werden üblicherweise verwendet, um die Fenstergröße in js zu ermitteln?

一个新手
Freigeben: 2017-09-08 09:08:42
Original
1041 Leute haben es durchsucht

window.innerHeight (innerWidth): stellt die Höhe (Breite) des sichtbaren Bereichs dar. Wenn unten (rechts) eine Bildlaufleiste vorhanden ist, wird die Höhe (Breite) des unteren Bereichs (rechts) angezeigt ) Die Bildlaufleiste wird berechnet. Gehen Sie hinein, Diese Methode ist für Standardbrowser und IE9+ geeignet.

document.documentElement.clientHeight(clientWidth): stellt die Höhe (Breite) des sichtbaren Bereichs dar, und die Höhe und Breite der Bildlaufleiste werden nicht berechnet Diese Methode ist in Standardbrowsern und niedrigeren Versionen des IE-Standardmodus anwendbar .

document.documentElement.offsetHeight(offsetWidth): Zuerst erhält offsetWidth den gleichen Wert wie clientWidth und offsetHeight erhält die Höhe des gesamten Dokuments.

Hinweis:
Ich persönlich denke, dass das obige documentElement keinen Text darstellt. Wenn ein Element einen Rahmen hat, enthält element.offsetHeight den Wert des Rahmens, element.clientHeight jedoch nicht die Breite des Rahmens.

document.documentElement.scrollHeight(scrollWidth): Ermitteln Sie die vollständige Texthöhe und -breite des Webseitenkörpers, einschließlich der Kantenbreite.

document.body.clientHeight(clientWidth): Zuerst ist der von clientWidth erhaltene Wert gleich document.documentElement.offsetWidthSchneiden Sie die Breite der Körperkante ab, während clientHeight erhält die gesamte Höhe des Körpers abzüglich der Kantenbreite.

document.body.offsetHeight(offsetWidth): Der durch erhaltene Wert ist gleich document.body.clientHeight(clientWidth) plus der Rahmenbreite des Körpers, Das ist Diese beiden Werte erhalten die Breite der enthaltenen Kante.

document.body.scrollHeight(scrollWidth): Ermitteln Sie die vollständige Texthöhe und -breite des Webseitenkörpers, einschließlich der Kantenbreite.

document.body.scrollTop(scrollLeft): Der Abstand zwischen der Oberkante des Browserfensters und der Oberkante des Dokuments (der Abstand zwischen dem Browserfenster und der linken Seite des Dokuments). ), also die Bildlaufleiste Der zu scrollende Abstand.

window.pageYOffset (pageXOffset): Der Abstand zwischen dem oberen Rand des Browserfensters und dem oberen Rand des Dokuments (der Abstand zwischen dem Browserfenster und der linken Seite des Dokuments), Das heißt, mit der Bildlaufleiste wird die Entfernung gescrollt.

window.screen.height(width): Die Höhe (Breite) der Bildschirmauflösung.

window.screen.availHeight(availWidth): Auf dem Bildschirm verfügbare Arbeitsbereichshöhe (Breite).

Lassen Sie uns erklären, was offsetTop, clientTop und scrollTop jeweils darstellen:

offsetTop:Die Position von oben oder dem oberen Steuerelement, Ganzzahl, Einheit Pixel.

clientTop:Der Abstand zwischen dem Inhaltsbereich des Elements und der Kante des Elements, dh die Kantenbreite des Elements.

scrollTop:Der Abstand zwischen der Oberkante des Elementfensters und der Oberkante des Elements, also die Entfernung, um die die Bildlaufleiste innerhalb des Elements scrollt.

Das obige ist der detaillierte Inhalt vonWelche Eigenschaften werden üblicherweise verwendet, um die Fenstergröße in js zu ermitteln?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage