BOM 常用API

BOM 简介
用于操作浏览器的API

BOM是browser object model的缩写,简称浏览器对象模型
BOM提供了独立于内容而与浏览器窗口进行交互的对象
由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window
BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性
BOM缺乏标准,JavaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C
BOM最初是Netscape浏览器标准的一部分

常用API
粗略的过了一遍MDN上的BOM属性,记录部分常用的BOM API

window.history
操纵浏览器记录

history.back(); // 等同于点击浏览器的回退按钮
history.go(-1); //等同于history.back();
window.innerHeight/innerWidth
浏览器窗口的视口(viewport)高宽

*window.location
操作刷新按钮和地址栏

location.host
设置或取得当前 URL 的主机名称和端口

*IE和Opera及苹果不支持

location.pathname
设置或取得当前 URL 的路径部分

location.search
查询或设置当前URL的?号开始的字符串

location.href
返回整个URL

location.hash
返回或设置#号开始的部分

location.origin
返回当前域名

*此属性为只读,且IE8不支持

window.navigator
返回当前浏览器的信息

navigator.userAgent
获得HTTP请求的用户带头的值

window.screen
返回有关屏幕大小宽高以及颜色深度等信息

dogbird
screen.availWidth可用的屏幕宽度
screen.availHeight可用的屏幕宽度
screen.width当前屏幕宽度 (分辨率)
screen.height当前屏幕高度 (分辨率值)
screen.colorDepth当前屏幕色彩深度(bit)

window.self
即window
尽量少使用全局变量!!

window.top
返回最顶层页面

window.open()
于打开一个新的浏览器窗口或查找一个已命名的窗口

再次注意:
BOM,即JavaScript可以进行操作的浏览器的各个功能部件的接口。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值