千锋教育JavaScript全套视频教程(10天学会Js,前端javascrip

BOM:Browser Object Model,浏览器对象模型,提供一系列与浏览器相关的信息。
BOM对象:分为window对象和window子对象(screen对象,location对象,navigator对象,history对象)。
1.window对象
window对象是BOM顶层对象。
window对象是JS访问浏览器窗口的一个接口
window对象是一个全局对象,声明的所有的全局变量,全局方法函数最终都是window对象的属性或者方法。
其他window方法:
window.open() :打开一个新的浏览器窗口,接受四个参数(URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值)。
window.close() :关闭新打开的窗口(仅限open()打开的窗口)。
window.moveTo():移动当前窗口。
window.resizeTo():调整当前窗口的尺寸。
2.screen对象 :包含显示设备的信息
screen.height、screen.width:返回设备的分辨率。
screen.availWidth、screen.availHeight:返回屏幕可用宽高,值为屏幕的实际大小减去操作系统某些功能占据的空间,如系统任务栏。
3.location对象:保存当前文档信息,将URL解析为独立片段
location.href 返回当前页面完整的URL ,修改这个属性,即跳转新页面
location.hash 返回URL中的hash(#号后跟零或多个字符)
location.host 返回服务器名称和端口号
location.port 返回服务器端口号
location.pathname 返回URL中的目录和文件名
location.hostname 返回不带端口号的服务器名称
location.protocol 返回页面使用的协议(http://或https://)
location.search 返回URL的查询字符串,字符串以问号开头
4.navigator对象:提供一系列属性用于检测浏览器
window.navigator.userAgent :通过userAgent可以判断用户浏览器的类型
window.navigator.platform:通过platform可以判断浏览器所在的系统平台类型
window.navigator.online:判断是否联网
5.history 对象:
history.back():与在浏览器点击后退按钮相同
history.forward():与在浏览器中点击按钮向前相同
history.go(参数):前进后退功能,参数如果是1前进一个页面,如果是-1后退一个页面,如果是N则前进或后退N个页面
history.length(): 保存历史记录的数量