Heim > Web-Frontend > js-Tutorial > Ermitteln Sie die Höhe und Breite der Seite über js

Ermitteln Sie die Höhe und Breite der Seite über js

巴扎黑
Freigeben: 2017-03-19 17:44:15
Original
1132 Leute haben es durchsucht

[Einführung] Als ich heute ein Popup-Dialogfeld erstellte, stieß ich auf eine Methode, mit der sich die Breite und Höhe der übergeordneten Seite ermitteln lässt. Nachdem ich mehrere Methoden ausprobiert hatte, wie z. B. „ClientWidth“ für den Dokumentkörper, „Fensterbreite für den Bildschirm“, „ScrollWidth für den Dokumentkörper“ und andere Methoden, stellte ich fest, dass keine davon die gewünschten Ergebnisse lieferte

Heute, als ich einen Popup-Dialog erstellte Ich bin auf das Problem gestoßen, die Breiten- und Höhenmethoden der übergeordneten Seite abzurufen.

Nachdem ich mehrere Methoden ausprobiert hatte, wie document.body.clientWidth, window.screen.width, document.body.scrollWidth usw.

, stellte ich fest, dass keine davon der Fall war Als Ergebnis habe ich später eine effiziente Methode entdeckt und sie sofort mit allen geteilt:

Haltepunkt-Debugging [Debugger] hinzufügen, wo die Höhe und Breite ermittelt werden müssen, und dann das Dokument eingeben .body auf der Überwachungsseite, überprüfen Sie alle Attribute von

body, um zu sehen, welches Ergebnis Sie benötigen. Wenn es nicht geeignet ist, können Sie auch „window“ eingeben und dann sehen, ob unter „window Today“ geeignete Attribute vorhanden sind

meine Frage Die Lösung wird auf diese Weise gelöst, die Eigenschaften sind window.innerWidth und window.innerHeight.

Das obige ist der detaillierte Inhalt vonErmitteln Sie die Höhe und Breite der Seite über js. 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