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
ttp://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
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)