浏览器对象模型BOM

 一.BOM简介

1.使用BOM，开发者可以移动窗口，改变状态栏中的文本以及执行其它与页面内容不直接相关的动作。

* 操作浏览器窗口  *提供导航对象  *提供定位对象  *提供屏幕相关对象   

二.Window 对象

document.body.offsetWidth 和 document.body.offsetHeight 属性可以获取视口的大小。（offset 只管内容部分的区域）

window.screenX 和 window.screenY 属性判断窗口的位置。

window.innerWidth 和 window.innerHeight 属性来判断视口的大小。

window.open() 方法打开新窗口，该方法接受四个参数 ，（1）载入新窗口的页面的URL（2）新窗口的名字 （3）特殊字符串 （4） 新页面替换旧页面的Boolean值

特殊字符串是用逗号分隔的设置列表。

用超链接弹出新窗口：<a href = "myjs.html" target = "blank">新窗口<>

三.系统对话框

分为：alert(),  confirm(), prompt().

confirm()  确认对话框中除OK按钮外还有Cancel 按钮

prompt() 除OK按钮外和Cancel 按钮外，该对话框还有文本框，要求用户在此输入某些数据。此方法接受两个参数，

即要显示的文本或文本框 中默认的文本（如果不需要，可以是空串）。若点击Cancel按钮，则返回null.

确定超链接是否跳转：

<a href = "myjs3.html" onclick = "return" confirm("确定要离开吗？")>新窗口</a>

四.状态栏

默认状态栏消息：window.defaultStatus = "你正在。。。。"

setTimeout()方法设置暂停  ：   setTimeout ("alert('Hello world') '" , 1000);  设置暂停1000毫秒

clearTimeout() 取消暂停

setInterval() 方法设置时间间隔   setInterval  ("alert('Hello world') '" , 1000); 

clearInterval()  取消时间间隔

五.   历史

window.history.go(-1);    表示一次前进或后退多步， 要前进一页，只需要使用正数 1.

history.back(); 和 history.forward();  只能前进或后退一步 

DOM 和 BOM 的区别：DOM 只是获取Document 中的内容，BOM 还可以获取浏览器中的内容。