【BOM】

最新推荐文章于 2024-10-10 10:50:43 发布

前端小芙

最新推荐文章于 2024-10-10 10:50:43 发布

阅读量63

点赞数

分类专栏： BOM 文章标签： javascript 前端服务器

本文链接：https://blog.csdn.net/weixin_45723378/article/details/124973409

版权

BOM 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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;
		}
	}
}