JavaScript BOM操作

BOM

BOM(浏览器对象模式)让JavaScript可以与浏览器进行对话，BOM主要用于管理窗口与窗口之间的通讯，其核心对象是window。

Window的子对象主要有如下几个：

1. JavaScript document 对象
2. JavaScript frames 对象
3. JavaScript history 对象
4. JavaScript location 对象
5. JavaScript navigator 对象
6. JavaScript screen 对象

Window 对象

Window 对象表示浏览器中打开的窗口。window对象是js中的顶级对象，所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法，在调用的时候可以省略window。

document.getElementById("d1");  
相当于：
window.document.getElementById("d1"); 

Window对象的常用属性和方法

• window.innerHeight：浏览器窗口的内部高度
• Window.innerWidth：浏览器窗口的内部宽度

显示浏览器窗口的高度和宽度：要注意的是这里的宽度和高度不包括工具栏、滚动条

var w=window.innerWidth;
var h=window.innerHeight;
document.write("浏览器窗口宽度："+w+",高度："+h+"。");
输出：
"浏览器窗口宽度：681,高度：655。"

• window.open()：打开新窗口

window.open(URL,name,...);
URL:打开指定的页面的URL。如果没有指定URL，打开与新的空白窗口
name:窗口名称
window.open("https://www.baidu.com","","width=200,height=100");

• window.close()：关闭当前窗口
• window.moveTo()：移动当前窗口

x=window.open("","","width=200,height=100");
x.window.moveTo(100,100);

• window.resizeTo()：调整当前窗口的尺寸

x=window.open