BOM—Browser Object Model
一系列与浏览器相关的信息
一、window 对象
1.窗口位置
- screenLeft
返回浏览器窗口左上角相对于当前屏幕左上角的水平距离,不兼容火狐浏览器 - screenTop
返回浏览器窗口左上角相对于当前屏幕左上角的垂直距离,不兼容火狐浏览器 - screenX
功能同screenLeft,兼容火狐 - screenY
功能同screenTop,兼容火狐
2.窗口大小(ie9以下不兼容)
- innerWidth
返回网页在当前窗口中可见部分的宽度,包含滚动条宽度 - innerHeight
返回网页在当前窗口中可见部分的高度,包含滚动条高度 - outerWidth
返回浏览器窗口宽度,包含浏览器菜单和边框 - outerHeight
返回浏览器窗口高度,包含浏览器菜单和边框
3.打开窗口
- window.open()
打开一个新的浏览器窗口,接受四个参数
(URL/打开方式/窗口参数/是否取代当前页面记录的布尔值)
第三个参数实例: width=500,height=500 - window.close()
关闭新打开的窗口(仅限open()打开的窗口)
二、window子对象
1.screen对象
- 功能:包含显示设备的信息
- 个别属性列举:
① screen.height、screen.width返回设备的分辨率
② screen.avalWidth、screen.availHeight返回屏幕可用宽高,值为屏幕的实际大小减去操作系统某些功能占据的空间,如系统任务栏
2.location对象
- 功能:保存当前文档信息,将URL解析为独立片段
- 属性:
① herf 返回当前页面完整的URL,修改这个属性即跳转新页面 ★
② hash 返回URL中的hash(#号后跟零或多个字符)
③ host 返回服务器名称和端口号
④ port 返回服务器端口号
⑤ pathname 返回URL中的目录和文件名
⑥ hostname 返回不带端口的服务器名称
⑦ protocol 返回页面使用的协议(http://或http://)
⑧ search 返回URL的查询字符串,字符串以问号开头
3.navigator对象
- 功能:保存用户上网的历史记录
- 方法、属性:
① go() 在用户历史记录中任意跳转,接受一个参数,表示
前后跳转页数的整数(后退一页-1,前进一页1),也可传字符串参数,跳转到第一个包含该字符串的位置
② back() 后退
③ forwar() 前进
④ length 属性保存历史记录的数量
4.判断是否是移动端
// 判断是否是移动端
function isMobile() {
// 移动端操作系统
var mobiles = ["Android", "iPhone", "iPad", "iPod", "Symbian", "BlackBerry"];
for (var i=0; i<mobiles.length; i++) {
if (navigator.userAgent.indexOf(mobiles[i]) !== -1) {
return true;
}
}
return false;
}