BOM是Browser Object Model浏览器对象模型的缩写
提供了一系列与浏览器相关的信息
window对象
window是浏览器留给JS的总入口
全局变量都是window的属性,全局函数都是window的方法
1.窗口位置
screenLeft:
–返回浏览器窗口左上角到屏幕左上角的水平距离,不兼容FF
screenTop:
–返回浏览器窗口左上角到屏幕左上角的水平距离,不兼容FF
screenX:
–功能相同,而且兼容FF
screenY:
–功能相同,而且兼容FF
innerWidth:
–返回网页当前窗口中可见部分的宽度,包含滚动条宽度
innerHeight:
–返回网页当前窗口中可见部分的高度,包含滚动条宽度
outerWidth:
–返回浏览器窗口宽度,包含浏览器菜单和边框
outerHeight:
–返回浏览器窗口高度,包含浏览器菜单和边框
window.open()打开一个新的窗口
参数(URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值)
window.close()关闭仅限open()打开的新窗口
包含显示设备的信息
screen.height、screen.width返回设备的分辨率screen.availWidth、screen.availHeight返回屏幕可用宽高,值为屏幕的实际大小减去 *** 作系统某些功能占用的空间
2.location对象
保存当前文档信息,将URL解析为独立片段
href:返回当前页面完整的URL,修改这个属性,就是实现页面跳转hash:返回URL中的hash(#后跟0或多个字符)host:返回服务器名称和端口号port:返回服务器端口号pathname:返回URL中的目录和文件名hostName:返回不在端口号的服务器名称protocol:返回页面使用的协议search:返回URL的查询字符串,字符串以问好开头
3.navigator对象
提供一系列属性用于检测浏览器
online:检测是否联网
userAgent:浏览器嗅探,用于检测浏览器的类型
function isMObile(){
var mobiles = ['Android','iPhone','iPad','Symbian'];
for(var i = 0 ; i < mobile.length ; i++){
if(navigator.userAgent.indexOf(mobiles[i])){
return true;
}
else{
return false;
}
}
}
4.history对象
保存用户上网的历史记录
go() 在用户历史记录中任意跳转,接受一个参数,表式前后跳转页数的整数值,也可以传字符串,表示条状到第一个包含该字符串的位置back()后退forward()前进length()属性:保存历史记录的数量
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)