一.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 还可以获取浏览器中的内容。