文章目录
JavaScript 窗口 - 浏览器对象模型
浏览器对象模型 (BOM) 允许 JavaScript 与浏览器“对话”。
浏览器对象模型 (BOM)
浏览器对象模型 (BOM) 没有官方标准。
由于现代浏览器已经为 JavaScript 交互实现了(几乎)相同的方法和属性,因此它通常被称为 BOM 的方法和属性。
窗口对象
所有浏览器都支持窗口对象。它代表浏览器的窗口。
所有全局 JavaScript 对象、函数和变量都会自动成为窗口对象的成员。
全局变量是窗口对象的属性。
全局函数是窗口对象的方法。
甚至文档对象(HTML DOM 的)也是窗口对象的属性:
window.document.getElementById("header");
与以下相同:
document.getElementById("header");
窗口大小
可以使用两个属性来确定浏览器窗口的大小。
两个属性均返回像素大小:
window.innerHeight - 浏览器窗口的内部高度(以像素为单位)
window.innerWidth - 浏览器窗口的内部宽度(以像素为单位)
浏览器窗口(浏览器视口)不包括工具栏和滚动条。
示例
let w = window.innerWidth;
let h = window.innerHeight;
总结
本文介绍了JavaScript 窗口 - 浏览器对象模型的使用,如有问题欢迎私信和评论
标签:窗口,必知,JavaScript,对象,window,BOM,浏览器 From: https://blog.csdn.net/qq_24018193/article/details/144459643