【Javascript】浏览器对象模型BOM

BOM

虽然 ECMAScript 把浏览器对象模型（BOM，Browser Object Model）描述为 JavaScript 的核心，但实际上 BOM 是使用 JavaScript 开发 Web 应用程序的核心。BOM 提供了与网页无关的浏览器功能象。

Window对象

窗口关系

top 对象始终指向最上层（最外层）窗口，即浏览器窗口本身。而 parent 对象则始终指向当前窗口的父窗口。还有一个 self 对象，它是终极 window 属性，始终会指向 window。

//移动窗口
moveTo() //接收要移动到的新位置的绝对坐标 x 和 y
moveBy() //接收相对当前位置在两个方向上移动的像素数

//example
window.moveTo(0,0); // 把窗口移动到左上角

window.moveBy(-50, 0); // 把窗口向左移动 50 像素
//依浏览器而定，以上方法可能会被部分或全部禁用。

视口和布局

window.innerWidth 和 window.innerHeight 返回视口的大小

移动浏览器中document.documentElement.clientWidth 和 document.documentElement.clientHeight 返回的布局视口的大小，即渲染页面的实际大小。

//调整窗口大小
resizeTo()  //接收新的宽度和高度值
resizeBy()  //接收宽度和高度各要缩放多少

//example
window.resizeTo