javascript獲取window視窗的尺寸

antzone發表於2017-04-11

本章節通過程式碼例項介紹一下如何使用javascript獲取window視窗的尺寸。

IE(IE8以上)、Chrome、FireFox、Opera以及Safari可以使用下面兩個屬性

[JavaScript] 純文字檢視 複製程式碼
window.innerHeight//瀏覽器內部高度 
window.innerWidth//瀏覽器內部寬度

對於IE 5 6 7 8 版本可以使用如下屬性:

[JavaScript] 純文字檢視 複製程式碼
document.documentElement.clientHeight
document.documentElement.clientWidth

或者:

[JavaScript] 純文字檢視 複製程式碼
document.body.clientHeight  
document.body.clientWidth

程式碼例項如下:

[JavaScript] 純文字檢視 複製程式碼
var width = window.innerWidth || document.body.clientWidth;
var height = window.innerHeight || document.body.clientHeight;

相關文章