您的位置:58编程 > window.innerheight Window innerWidth 和 innerHeight 属性

window.innerheight Window innerWidth 和 innerHeight 属性

2023-03-21 10:33

window.innerheight Window innerWidth 和 innerHeight 属性

window.innerheight

window.innerHeight 是一个 JavaScript 属性,它可以用来获取浏览器窗口的内部高度,即窗口的高度减去滚动条、工具栏和菜单栏的高度。它是一个只读属性,不能用来设置浏览器窗口的大小。

// 获取浏览器窗口内部高度
var windowHeight = window.innerHeight; 

window.innerHeight 属性在不同的浏览器中有所不同,在 Chrome、Firefox、Safari 等浏览器中,它会返回整个浏览器窗口的内部高度;而在 IE 中,它会返回文档显示区域的高度。

// 获取文档显示区域的高度 
var documentHeight = document.documentElement.clientHeight; 

此外,window.innerHeight 属性也会根据电脑分辩率而有所不同。如果你想要得到一个准确无误的数字,你就必须要考虑到这些因素。

Window innerWidth 和 innerHeight 属性

Window innerWidth innerHeight 属性

Window 对象参考手册 Window 对象

定义和用法

innerheight 返回窗口的文档显示区的高度。

innerwidth 返回窗口的文档显示区的宽度。

注意:使用 outerWidth 和 outerHeight 属性获取加上工具条与滚动条窗口的宽度与高度。


语法

Get:

window.innerWidth
window.innerHeight

设置:

window.innerWidth=pixels
window.innerHeight=pixels


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流浏览器都支持 innerWidth 和 innerHeight 属性。

注意:IE 8 及更早 IE版本不支持这两个属性。


实例

实例

获取窗口的高度与宽度(不包含工具条与滚动条):

var w=window.innerWidth;
var h=window.innerHeight;



Window 对象参考手册 Window 对象


阅读全文
以上是58编程为你收集整理的window.innerheight Window innerWidth 和 innerHeight 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 58编程 58biancheng.com 版权所有 联系我们
桂ICP备12005667号-32 Powered by CMS