什么是BOM
- BOM是browser object model的缩写，简称浏览器对象模型
- BOM提供了独立于内容而与浏览器窗口进行交互的对象
- 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window
- BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性
- BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3C
- BOM最初是Netscape浏览器标准的一部分
TIM截图20170424125747.png
可以看到图中并没有叫BOM的 , 搜索中出现的第一个链接是Window MDN .
因为BOM并没有 specification
- BOM属于约定俗成 , 比如 Firefox 怎么实现 , chrome就照抄一下 , 包括一些其他的浏览器 . 所以会有一些独立的API,并不互相支持
大部分的通用API
window.history
这个API控制前进返回,按钮
TIM截图20170424125747.png
后退就是 , window.history.back()
前进就是 , window.history.forward()
window.history.go(-1) //等价于back()
window.history.go(1) //等价于forward()
.
window.innerHeight
获取浏览窗口的高度
.
window.location
用于操作地址栏
window.location.href = 'https://www.baidu.com' //操作跳转到百度
也可以使用这种写法window.location
- window.location.protocol 获取当前协议
"https:" - window.location.hostname 获取域名
"www.jianshu.com" - window.location.port 获取端口号
"" //没有就显示空字符串 - window.location.host 获取域名和端口号
"www.jianshu.com" 没有端口号就不显示 - window.location.pathname 获取路径
"/writer" 它不包含查询字符串 - window.location.search 获取查询字符串
"" 没有就显示空字符串 - window.location.hash 获取#后面的内容 ,fragment
"" 没有显示空字符串 , - window.location.origin 获取网站的起源, 协议+域名+端口号
"http://www.jianshu.com"
window.name
获取窗口的名字, 可以修改
window.navigator
获取 浏览器 的所有信息
window.outerHeight
获取整个浏览器的高度
window.pageXOffset
等同于window.scrollX
window.pageYOffset
等同于window.scrollY
window.parent
返回当前窗口的父窗口对象.
如果一个窗口没有父窗口,则它的 parent 属性为自身的引用.
如果当前窗口是一个