BOM操作
一、什么是BOM
BOM(Browser Object Model) 是浏览器对象模型。
二、DOM 和BOM 区别:
浏览器的全部内容可以看作是DOM;整个浏览器可以看成是BOM,区别如下:
1. DOM 是文档对象模型;BOM是浏览器对象模型
2.DOM 把文档 当做一个对象来看待;BOM是把浏览器当做一个对象来看待
3. DOM 的顶级对象是document;BOM的顶级对象是window
4. DOM 主要是操作页面元素;BOM是浏览器窗口交互一些对象
5. DOM是W3C 标准规范;BOM是浏览器厂商在个字浏览器上定义的,兼容性较差
三、navigator
navigator 对象主要用来获取浏览器的属性,区别浏览器的类型,属性较多
navigator 最常用的是navigator.userAgent,用来识别浏览器的类型
四、screen
保存的是浏览器窗口外面的客户端显示器信息,比如屏幕像素宽度、屏幕像素高度等等
eg: screen.width \ screen.height
五、location
分析拆解url 各个部分:
完整URL: location.href
URL中#后面的字符: location.hash
url的查询字符串,?号后面的内容: location.search
服务器名称和端口号: location.host (www.baidu.lcom:80)
域名,不带端口号: location.hostname (www.baidu.com)
服务器下面的文件路径: location.pathname (/page1)
url端口号: location.port (80)
协议: location.protocol (https:)
六、history
history 对象主要用来操作浏览器URL的历史记录
history.go() ;根据参数香前/后 跳转页面
history.forward() :向前跳转一个页面 (跳转下一个页面)
history.back() : 向后跳转一个页面 (返回上一个页面)
history.length : 历史记录