JS——浏览器对象模型Window

Posted 2020-10-11

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS——浏览器对象模型Window相关的知识，希望对你有一定的参考价值。

Window 对象：所有浏览器都支持 window 对象。它表示浏览器窗口。所有 javascript 全局对象、函数以及变量均自动成为 window 对象的成员。

全局变量是 window 对象的属性。

全局函数是 window 对象的方法。

甚至 html DOM 的 document 也是 window 对象的属性之一：

window.document.getElementById("header");

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

<!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>

参考：JavaScript Window - 浏览器对象模型

以上是关于JS——浏览器对象模型Window的主要内容，如果未能解决你的问题，请参考以下文章