代码之家 › 专栏 › 技术社区 › Giffyguy

使用javascript获取浏览器窗口宽度/高度的最可靠方法是什么?

robustness cross-browser browser javascript

Giffyguy · 技术社区 · 13 年前

我目前正在使用以下条件,但这些条件根本无法跨浏览器工作:

if (typeof (window.innerHeight) == 'number') {
    //Non-IE:
    //Perform operation using window.innerWidth/Height
} else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
    //IE 6+ in 'standards compliant mode'
    //Perform operation using document.documentElement.clientWidth/Height
} else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
    //IE 4 compatible
    //Perform operation using document.body.clientWidth/Height
}

我相信我遗漏了一两个条件——也许还有一个我没有考虑到的常见表达。

我需要添加什么才能完成此操作?

2 回复 | 直到 11 年前

gblazex 11 年前

getWindowHeight()

// cross browser window height
function getWindowHeight() {
  return window.innerHeight || 
         (document.documentElement && document.documentElement.clientHeight) || 
         (document.body && document.body.clientHeight);
}

Tested

How do I find the size of the window?

Halil Özgür 13 年前

$(window).width() $(window).height()

推荐文章

Jesse Winton · 在浏览器中编译用户HTML并使用React显示结果

2 年前

LetsOMG · 如何在系统服务中正确使用python webbrowser

6 年前

F. Ception · 重新加载页面后保存浏览器控制台变量

6 年前

Ibrahim D. · PAC文件能否包含查询字符串?

6 年前

marquesm91 · 创建在智能电视浏览器上运行的react应用程序

6 年前

Jas · Chrome未连接到Java HTTP服务器

6 年前

user856232 · 浏览器文件夹上载

6 年前

NtFreX · 检查firefox中是否临时禁用了浏览器通知

6 年前

BarriaKarl · 在网页上运行基于java(FX)的应用程序

6 年前

Detuned · Instabot如何在浏览器中执行操作?

6 年前