JavaScript--BOM对象介绍

一 js–BOM对象

window 对象
2. navigator 对象
3. location 对象
4. history 对象
5. screen 对象

代表整个浏览器窗口（window是BOM中的一个对象，并且是顶级的对象）

window对象

方法1:
window .open( ) 打开新窗口

格式: .open(‘url地址’,’是否在新窗口中打开’,’新窗口设置’)
_self 本窗口
_blank 新窗口

方法2:
打开对象.close() 关闭打开的新窗口

方法3:
打开对象.closed 检测打开的窗口是否关闭

Window.screen.width 获取屏幕的宽度
Window.screen.height 获取屏幕的高度

（二）Navigator 屏幕分辨率

代表浏览器当前的信息，通过Navigator我们可以获取用户当前使用的是什么浏览器

window.navigator 获取浏览器的当前信息

因浏览器中信息显示可隐藏,可修改,推荐使用 userAgent中的用户系统信息去区分用户使用了什么浏览器

Window.navigator.userAgent

通过正则的方式,匹配用户浏览器

（三）location对象

获取浏览器当前的地址样信息

方法:
.reload() 重新加载,等同与刷新

.reload(true) 强制刷新,等同于重新访问

刷新与强制刷新的区别:

刷新如果浏览内部有缓存,则用缓存中的数据,没有则重新获取服务器中的内容
强制刷新,每次都重新获取服务器中的内容

常用属性:
href 设置或返回完整的 URL。

host 返回主机名与端口号。
hostname 返回主机名。
port 返回当前 URL 的端口号。

pathname 返回当前 URL 的路径部分。
protocol 返回当前 URL 的协议。

search 返回从问号 (?) 开始的 URL（查询部分）。

传递参数

encodeURI() 进行URI 编码。
decodeURI() 进行URI 解码。

（四）history 对象

获取浏览器的历史记录

window.history.back(); 返回跳转过来的页面
window.history.go(0); 接定页,0为当前面, 1 为前进一页,-1为后退一页

（五）screen对象

用于获取用户设备得到宽与高
window.screen.height
window.screen.width

获取设备可用的宽与高(除去系统部署的内容)
window.screen.availHeight
window.screen.availWidth