解决方法：JavaScript窗口浏览器对象模型

w3school教程

JS教程JS表单JS对象JS函数JS HTML DOMJS浏览器BOMJS AJAXJS JSONJS与jQueryJS实例JS参考手册

有关W3School帮助W3School的网站建设手册编程精品课程推荐

JavaScript窗口浏览器对象模型

浏览器对象模型（BOM）允许JavaScript与浏览器对话。

浏览器对象模型（BOM）

浏览器对象模型（BOM）没有官方标准。

现代浏览器（几乎）实现了与JavaScript交互相同的方法和属性，因此经常被称为BOM的方法和属性。

窗口对象

所有浏览器都支持window对象。它代表浏览器窗口。

所有全局JavaScript对象，函数和变量自动成为窗口对象的成员。

全局变量是窗口对象的属性。

全局函数是窗口对象的方法。

（HTML DOM的）文档对象也是window对象的属性：

window.document.getElementById("header");

与：

document.getElementById("header");

窗口大小

可以使用两个属性来确定浏览器窗口的大小。

这两个属性均以像素为单位返回尺寸：

浏览器窗口（浏览器视口）不包含工具栏和滚动条。

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

或

实用的JavaScript解决方案（包括所有浏览器）：

示例

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;
var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight; 

亲自尝试

此示例显示浏览器窗口的高度和宽度：（不包括工具栏和滚动条）

其他窗口方法

其他一些方法：

VUE

JavaScript参考手册JavaScript示例JavaScript测验

W3School简体中文版本中提供的内容仅用于培训和测试，并且不能保证内容的正确性。与使用本网站内容相关的风险与本网站无关。版权，保留所有权利。

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/shumachanpin/article-335282-1.html