Heim > Web-Frontend > js-Tutorial > Hauptteil

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

伊谢尔伦
Freigeben: 2017-07-19 15:55:36
Original
3359 Leute haben es durchsucht

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
Nach dem Login kopieren

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
Nach dem Login kopieren

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

window.innerWidth 
window.innerHeight
Nach dem Login kopieren
Die allgemeine Methode zum Ermitteln der Bildschirmauflösungshöhe ist wie folgt: Kopieren Sie den Code

document.body.scrollWidth 
document.body.scrollHeight
Nach dem Login kopieren
Fassen Sie das Beispiel zusammen

window.screen.height 
window.screen.width
Nach dem Login kopieren


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() 
} 
} 
}
Nach dem Login kopieren

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!

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