JavaScript浏览器对象模型BOM

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);