JavaScript-Methode zum Ermitteln der Seitenhöhe

<script><br>function getInfo()<br>{<br> var s = "";<br> s += " Sichtbare Bereichsbreite der Webseite: "+ document.body.clientWidth;<br> s += "Die Höhe des sichtbaren Bereichs der Webseite: "+ document.body.clientHeight;<br> s += "Die Breite des sichtbaren Bereichs der Webseite: "+ document .body.offsetWidth + " (einschließlich der Breite der Kanten und Bildlaufleisten)";<br> s += " Die Höhe des sichtbaren Bereichs der Webseite: "+ document.body.offsetHeight + " (einschließlich die Breite der Kante)";<br> s += " Die Breite des Volltextes der Webseite: "+ document.body.scrollWidth;<br> s += " Volltexthöhe der Webseite: " + document.body.scrollHeight;<br> s += " Höhe der Webseite, die gescrollt wird (ff): "+ document.body.scrollTop;<br> s += " Die Höhe der Webseite, die gescrollt wird (d. h ): "+ document.documentElement.scrollTop;<br> s += " Die linke Seite der Webseite, die gescrollt wird: "+ document.body.scrollLeft;<br> s += " Der Textteil der Webseite Oben : "+ window.screenTop;<br> s += " Linker Teil des Webseitentextes: "+ window.screenLeft;<br> s += " Hohe Bildschirmauflösung: "+ window.screen.height;<br> s += „Die Breite der Bildschirmauflösung:“+ window.screen.width;<br> s += „Die Höhe des verfügbaren Arbeitsbereichs des Bildschirms:“+ window.screen.availHeight;<br> s += "Der verfügbare Arbeitsbereich des Bildschirms Breite: "+ window.screen.availWidth;<br> s += " Ihre Bildschirmeinstellung ist "+ window.screen.colorDepth +" Bitfarbe";<br> s += „Ihre Bildschirmeinstellung“+ window.deviceXDPI +“ Pixel/Zoll“;<br> //alert (s);<br>}<br>getInfo();<br></script>
In meinem lokalen Test:
Sie können
document.body.clientWidth
document.body.clientHeight
in IE, FireFox und Opera verwenden, um es zu bekommen.
In Unternehmensprojekten:
Opera verwendet immer noch
document.body.clientWidth
document.body.clientHeight
, aber IE und Firefox verwenden
document.documentElement.clientWidth
document .documentElement.clientHeight
Es stellt sich heraus, dass der W3C-Standard Probleme verursacht

Wenn Sie diese Zeile von Tags zur Seite hinzufügen
Im IE:
document.body.clientWidth ==> BODY-Objektbreite
document.body.clientHeight ==> BODY-Objekthöhe
document.documentElement.clientWidth ==> Sichtbare Bereichsbreite
document.documentElement.clientHeight ==> Sichtbare Bereichshöhe
in Firefox:
document.body.clientWidth ==> BODY-Objektbreite
document.body.clientHeight ==>gt; BODY-Objekthöhe
document.documentElement.clientWidth ==> Sichtbare Bereichsbreite
document . documentElement.clientHeight ==> Sichtbare Bereichshöhe

In Opera:
document.body.clientWidth ==> Sichtbare Bereichsbreite
document.body.clientHeight ==> ; Sichtbare Bereichshöhe
document.documentElement.clientWidth ==> Seitenobjektbreite (d. h. BODY-Objektbreite plus Randbreite)
document.documentElement.clientHeight ==> Höhe plus Randhöhe)
Und wenn der W3C-Standard nicht definiert ist, dann ist
IE:
document.documentElement.clientWidth ==> 0
document.documentElement.clientHeight ==>
FireFox ist:
document.documentElement.clientWidth ==> Seitenobjektbreite (d. h. BODY-Objektbreite plus Randbreite) document.documentElement.clientHeight ==>; Seitenobjekthöhe (d. h. BODY-Objekthöhe plus). Randbreite) Obere Randhöhe)
Opera ist:
document.documentElement.clientWidth ==> Seitenobjektbreite (d. h. BODY-Objektbreite plus Randbreite) document.documentElement.clientHeight ==>; (d. h. BODY-Objekthöhe plus Randhöhe)