所谓的BOM即浏览器对象模型（Browser Object Model）。BOM赋予了JS操作浏览器的能力，即window操作。DOM则用于创建删除节点，操作HTML文档。BOM尚无正式的标准，导致各浏览器对于BOM方法的支持各有不同，因此需要具体问题具体对待。
2、window对象。
window对象是BOM的核心，window对象指当前的浏览器窗口。所有JS全局对象、函数以及变量都属于window对象。全局变量是window对象的属性。全局函数是window对象的方法。甚至DOM的document也属于window对象的属性之一，只是大多数情况下可以忽略不写。
window对象方法：
3、窗口操作。
(1)、打开窗口。
open() 方法可用于打开新窗口。
语法：window.open(url, name/target, 窗口设置, replace)
该方法的三个参数都是可选的，默认在新页面打开一个空白页。第一个参数可设置要打开窗口的路径。第二个参数规定在何处打开新窗口，也可用于指定窗口的名称。第三个参数设置窗口参数，多个参数可用逗号分隔。如果有第一个参数，后面两个参数可省略，则在新页面打开。第二个参数一般无需设置，如果要规定窗口的参数，则必须有第二个参数，必须为'_blank'，或者用'',代替，并且距离屏幕顶部不能为0，否则失效，如果设置了左边距离，顶部可设置为0。最后一个参数规定加载到窗口的URL是在窗口的浏览历史中创建一个条目，还是替换浏览器历史中的当前条目，值为true或false， 值为true时URL替换浏览历史中的当前条目，为false时URL在浏览历史中创建新的条目。
下表是一些常用的窗口设置参数：
实例：点击按钮，在新窗口打开百度首页，宽600，高400，距屏顶0像素，屏左10像素。
实例：指定窗口大小、移动窗口和滚动内容
获取浏览器窗口尺寸（浏览器的视口，不包括工具栏和滚动条）的方法:
①、IE9以上及现在浏览器都支持：
window.innerWidth 获取浏览器窗口的内部宽度。
window.innerHeight 获取浏览器窗口的内部高度。
②、对于IE9之前可以用：
document.documentElement.clientWidth 表示HTML文档所在窗口的当前宽度。
document.documentElement.clientHeight 表示HTML文档所在窗口的当前高度。或者可以使用：
Document对象的body属性对应HTML文档的
标签 document.body.clientWidth
document.body.clientHeight在不同浏览器都可以使用的兼容写法：
Copyright © 2019-2025
