【BOM】

【BOM】,第1张

BOM
BOM是Browser Object Model浏览器对象模型的缩写 
提供了一系列与浏览器相关的信息
window对象
window是浏览器留给JS的总入口
全局变量都是window的属性,全局函数都是window的方法
1.窗口位置

screenLeft:
–返回浏览器窗口左上角到屏幕左上角的水平距离,不兼容FF
screenTop:
–返回浏览器窗口左上角到屏幕左上角的水平距离,不兼容FF
screenX:
–功能相同,而且兼容FF
screenY:
–功能相同,而且兼容FF

2.窗口大小

innerWidth:
–返回网页当前窗口中可见部分的宽度,包含滚动条宽度
innerHeight:
–返回网页当前窗口中可见部分的高度,包含滚动条宽度
outerWidth:
–返回浏览器窗口宽度,包含浏览器菜单和边框
outerHeight:
–返回浏览器窗口高度,包含浏览器菜单和边框

3.打开窗口

window.open()打开一个新的窗口
参数(URL/打开方式/窗口参数/是否取代当前页面历史记录的布尔值)
window.close()关闭仅限open()打开的新窗口

window子对象 1.screen对象
 包含显示设备的信息
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()属性:保存历史记录的数量

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/web/1320575.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-06-11
下一篇 2022-06-11

发表评论

登录后才能评论

评论列表(0条)

保存