①概念:浏览器对象模型,
②BOM的顶级对象:BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象, 调用window下的属性和方法时,可以省略window
③对话框:(样例为火狐中的显示)
❶alert()
![](https://i-blog.csdnimg.cn/blog_migrate/2cfe896884fc41e3c9937ba4f4a1fd88.png)
❷prompt(“提示语句”)
![](https://i-blog.csdnimg.cn/blog_migrate/5b210529bfec3d4275716c22778ca455.png)
❸confirm()
![](https://i-blog.csdnimg.cn/blog_migrate/77d784ae07b31a7e20413abfb62aecf7.png)
④加载事件:onload:页面加载完成后自动执行
使用:window.οnlοad=function(){}
⑤Location对象:
❶网页跳转:window.location.href=""
❷ 地址栏上#及后面的内容:
console.log(window.location.hash);
❸主机名及端口号:
console.log(window.location.host);
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/c4c7527b9d1d82c720c8bcd44de675a6.png)
⑥History对象:主要有两个作用
网页前进:window.history.forward()
网页后退:window.history.back()
⑦Navigator对象:
通过
userAgent
可以判断用户浏览器的类型
console.log(window.navigator.userAgent);
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/e670d88bdad1a00db1c91af4555310dd.png)
通过platform可以判断浏览器所在的系统平台类型.
console.log(window.navigator.platform);
效果:
![](https://i-blog.csdnimg.cn/blog_migrate/c4c7527b9d1d82c720c8bcd44de675a6.png)