1. 何为BOM
浏览器要显示一个网页,不光跟网页的内容相关。还有浏览器窗口的大小、位置,浏览器弹出的警告框、提示框,还有cookie,有的浏览器客户端还有定时器(比如定时刷新图片)。
其实JavaScript语言已经将整个浏览器窗口封装为window对象,这个封装行为就是BOM(browser object model)——浏览器对象模型。
2. BOM常用方法
document其实也就是window.document,文档也是浏览器窗口对象的一个属性而已。
可以打开新窗口、对话框:
window.open("a.html");//打开新窗口
window.alert("sometext");//提示框
window.confirm("sometext");//确认框
var input=window.prompt("sometext","defaultvalue");//文本输入框
1
2
3
4
window.location代表跟网页位置相关的信息
window.location.hostname web域名
window.location.pathname 当前页面的路径和文件名
window.location.port web端口
window.location.protocol 使用的web协议
window.location.href 当前页面的 URL。
1
2
3
4
5
还可以通过window对象设置定时器
//设置定时器
var inter=window.setInterval(function(){alert("Hello")},3000);
//清除定时器
clearInterval(inter);
//任务
var time=window.setTimeout(function(){alert("Hello")},3000);
//清除任务
window.clearTimeout(time);