js怎么获取微信浏览器内容的高度

最新推荐文章于 2024-10-17 22:44:14 发布

转载最新推荐文章于 2024-10-17 22:44:14 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/snowhite/p/9850296.html

文章标签：

#javascript #ViewUI

通过window对象来得到窗口相关的内外款高度信息，如下：

outerHeight属性设置或返回一个窗口的外部高度，包括所有界面元素（如工具栏/滚动条）。
outerWidth属性设置或返回窗口的外部宽度，包括所有的界面元素（如工具栏/滚动）。
innerheight 返回窗口的文档显示区的高度。
innerwidth 返回窗口的文档显示区的宽度。

在浏览器兼容方面：
所有主流浏览器都支持 outerWidth 和 outerHeight 属性。
注意：IE 8 及更早 IE 版本不支持该属性。
所有主流浏览器都支持 innerWidth 和 innerHeight 属性。
注意：IE 8 及更早 IE版本不支持这两个属性。

示例（我笔记本分辨率1366x768，浏览器全屏显示，测试）：
document.write("outerWidth: " + window.outerWidth + " outerHeight: " + window.outerHeight); // 显示：outerWidth: 1366 outerHeight: 768
document.write("innerWidth: " + window.innerWidth + " innerHeight: " + window.innerHeight); // 显示：innerWidth: 1366 innerHeight: 705

转载于:https://www.cnblogs.com/snowhite/p/9850296.html