如何获取浏览器窗口的大小

来源：互联网发布：windows图标编辑：程序博客网时间：2024/06/06 01:26

有三种方法能够确定浏览器窗口的尺寸（浏览器的视口，不包括工具栏和滚动条）。

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari：

window.innerHeight - 浏览器窗口的内部高度
window.innerWidth - 浏览器窗口的内部宽度

对于 Internet Explorer 8、7、6、5：

document.documentElement.clientHeight
document.documentElement.clientWidth

或者

document.body.clientHeight
document.body.clientWidth

实用的 JavaScript 方案（涵盖所有浏览器）：

写了一个HTML页面拿来获取浏览器窗口的大小

<!DOCTYPE html><html><body><p id="demo"></p><script>var w=window.innerWidth|| document.documentElement.clientWidth|| document.body.clientWidth;var h=window.innerHeight|| document.documentElement.clientHeight|| document.body.clientHeight;x=document.getElementById("demo");x.innerHTML="浏览器的内部窗口宽度：" + w + "，高度：" + h + "。"</script></body></html>

代码的运行如下

0 0