Detaillierte Erläuterung der Verwendung von js/jquery zum Ermitteln der Höhe und Breite der Browser-Bildlaufleiste

Ermitteln Sie die Höhe und Breite des sichtbaren Bereichs des Browserfensters. Freunde, die die Höhe der Bildlaufleiste benötigen, können darauf verweisen.

Im IE kann die Größe des Browser-Anzeigefensters nur wie folgt ermittelt werden: Kopieren Sie den Code wie folgt

document.body.offsetWidth 
document.body.offsetHeight

In Browsern, die DOCTYPE deklarieren, können Sie Folgendes verwenden Ermitteln Sie die Größe des Anzeigefensters des Geräts: Kopieren Sie den Code wie folgt: IE, FF und Safari unterstützen diese Methode, obwohl Opera die Seitengröße zurückgibt Gleichzeitig speichern alle Browser außer IE diese Informationen im Fensterobjekt, das mit dem folgenden Code abgerufen werden kann: Kopieren Sie den Code wie folgt

document.documentElement.clientWidth 
document.documentElement.clientHeight

Allgemeine Methode zum Ermitteln der Größe der gesamten Webseite Kopieren Sie den Code wie folgt: Code kopieren

window.innerWidth 
window.innerHeight

Die allgemeine Methode zum Ermitteln der Bildschirmauflösungshöhe ist wie folgt: Kopieren Sie den Code

document.body.scrollWidth 
document.body.scrollHeight

Fassen Sie das Beispiel zusammen

window.screen.height 
window.screen.width

Angehängt ist die am häufigsten verwendete Methode zum Erhalten der gesamten Seitenbreite und -höhe (erfordert JQuery-Framework)

function getViewSizeWithoutScrollbar(){//不包含滚动条 
return { 
width : document.documentElement.clientWidth, 
height: document.documentElement.clientHeight 
} 
} 
function getViewSizeWithScrollbar(){//包含滚动条 
if(window.innerWidth){ 
return { 
width : window.innerWidth, 
height: window.innerHeight 
} 
}else if(document.documentElement.offsetWidth == document.documentElement.clientWidth){ 
return { 
width : document.documentElement.offsetWidth, 
height: document.documentElement.offsetHeight 
} 
}else{ 
return { 
width : document.documentElement.clientWidth + getScrollWith(), 
height: document.documentElement.clientHeight + getScrollWith() 
} 
} 
}

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Verwendung von js/jquery zum Ermitteln der Höhe und Breite der Browser-Bildlaufleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!