JS那些事儿(6)-BOM

兄弟们，今日头条搜索三线城市程序员老陈关注我，我将持续不断推出视频教程。

1
浏览器要显示一个网页，不光跟网页的内容相关。还有浏览器窗口的大小、位置，浏览器弹出的警告框、提示框，还有cookie，有的浏览器客户端还有定时器（比如定时刷新图片）。

2
其实JavaScript语言已经将整个浏览器窗口封装为window对象，这个封装行为就是BOM（browser object model）——浏览器对象模型。

3
document其实也就是window.document，文档也是浏览器窗口对象的一个属性而已。

4
可以打开新窗口、对话框：

window.open("a.html");//打开新窗口
window.alert("sometext");//提示框
window.confirm("sometext");//确认框
var input=window.prompt("sometext","defaultvalue");//文本输入框

5
window.location代表跟网页位置相关的信息

window.location.hostname web域名
window.location.pathname 当前页面的路径和文件名
window.location.port web端口
window.location.protocol 使用的web协议
window.location.href 当前页面的 URL。

6
还可以通过window对象设置定时器

//设置定时器
var inter=window.setInterval(function(){alert("Hello")},3000);
//清除定时器
clearInterval(inter);
//任务
var time=window.setTimeout(function(){alert("Hello")},3000);
//清除任务
window.clearTimeout(time);