BOM简介
BOM(Browser Object Model) 是指浏览器对象模型,是用于描述这种对象与对象之间层次关系的模型,浏览器对象模型提供了独立于内容的、可以与浏览器窗口进行互动的对象结构。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象都是该对象的子对象。
BOM具有的对象
1、window对象 ,是JS的最顶层对象,其他的BOM对象都是window对象的属性;
方法:
- alert(str):用于向用户展示一些用户不可控的警告信息
- confirm(str):用于向用户展示一段信息并确认结果
- prompt(str,str): 用于向用户展示一段信息并收集用户输入结果
- print(): 显示打印对话框(等同与点击浏览器菜单栏打印选项)
- find(): 显示查找对话框(等同与点击浏览器菜单栏查找选项)
2、location对象,浏览器当前URL信息;
方法:
- hash:保存当前url中的哈希值(url中#号后面的任意个字符),url中不包含哈希值 则返回空串
- host:保存当前url中的域名和端口号
- hostName:保存当前url中的域名
- pathName:保存当前url中路径或者文件名
- port:保存当前url中的端口号
- protocol:保存当前url使用的协议
- search:保存url中的查询字符串
- assign(url):导航到参数url位置并生成一条历史记录(等同与 location.href=url, window.localtion=url)
- replace(url):导航到参数rul位置但不生成历史记录
- reload(boolean):重新加载当前文档,传参true表示强制从服务器加载所有资源
3、navigator对象,浏览器本身信息;
方法:
- navigator.appCodeName 浏览器代号
- navigator.appName 浏览器名称
- navigator.appVersion 浏览器版本
- navigator.cookieEnabled 启用Cookies
- navigator.platform 硬件平台
- navigator.userAgent 用户代理
- navigator.systemLanguage 用户代理语言
4、screen对象,客户端屏幕信息;
方法:
- screen.width 总宽度
- screen.height 总高度
- screen.availWidth 可用宽度
- screen.availHeight 可用高度
- screen.colorDepth 色彩深度
- screen.pixelDepth 色彩分辨率
5、history对象,浏览器访问历史信息;
方法:
- history.back() - 与在浏览器点击后退按钮相同
- history.forward() - 与在浏览器中点击向前按钮相同
- history.go() 这个方法来实现向前,后退的功能