什么是BOM？BOM和DOM的区别

什么是BOM？BOM和DOM的区别

什么是BOM？

BOM的全称是Browser Object Model(浏览器对象模型)
1、非官方
2、无统一标准
3、浏览器提供API的统称
4、不同浏览器BOM属性可能存在细微差异

BOM和DOM的区别？

BOM

BOM提供的API全部存放在window全局对象中，DOM属于BOM。
Window中包含
1、alert()----弹出提示框
2、prompt()----弹出确认对话框
3、error()----打印台抛出异常
4、open()----打开新窗口或者选项卡
5、close()----关闭新窗口或者选项卡
6、innerHeight----浏览器高度
7、innerWidth----浏览器宽度
8、history----浏览器历史相关操作

1. back()----返回历史记录里的上一个页面
2. forward()
3. go()
4. pushState(data, title, url) ----手动添加历史记录并保存状态
5. replaceState(data, title, url)

9、location或者window.location----用于URL相关操作&属性

1. location.href----获取当前页URL或者直接赋值跳转到新 的页面
2. location.hostname----获取URL中的主机信息
3. location.pathname----获取URL中的路径信息
4. location.search----获取URL中的查询参数
5. location.reload()----重新加载当前页面

10、navigator----用户浏览器相关属性

1. userAgent
2. geolocation

11、screen----用户屏幕相关信息

1. width
2. height
3. orientation----朝向

更多window内容请参考https://developer.mozilla.org/zh-CN/docs/Web/API/Window