什么是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----浏览器历史相关操作
- back()----返回历史记录里的上一个页面
- forward()
- go()
- pushState(data, title, url) ----手动添加历史记录并保存状态
- replaceState(data, title, url)
9、location或者window.location----用于URL相关操作&属性
- location.href----获取当前页URL或者直接赋值跳转到新 的页面
- location.hostname----获取URL中的主机信息
- location.pathname----获取URL中的路径信息
- location.search----获取URL中的查询参数
- location.reload()----重新加载当前页面
10、navigator----用户浏览器相关属性
- userAgent
- geolocation
11、screen----用户屏幕相关信息
- width
- height
- orientation----朝向
更多window内容请参考https://developer.mozilla.org/zh-CN/docs/Web/API/Window