浏览器对象模型BOM
时间:2026-06-05 15:56:10
来源:幸福记忆
作者:远方
阅读:287
一、window对象
1、open 方法, 可以打开新的窗口,并且返回这个新窗口对象
window.open(url,显示位置,设置窗口的属性);
说明:
- url :表示要打开的页面地址
- 显示位置: 对应着a标签的target _self(当前页面), _blank(新窗口打开), frame name(窗口名称)
- 窗口属性: 设置窗口的宽高,窗口的位置.
比如 "width=num px,height=num px,left=num px,top=num px"
多个属性设置使用","隔开,并且属性和值之间使用"="连接.
2、close 方法, 关闭window.open返回的窗口对象
windowObj.close()
3、返回窗口的文档显示区的高度/宽度
windowObj.Innerheight
windowObj.Innerwidth
4、返回父窗口
windowObj.parent
5、返回对当前窗口的引用。等价于 Window 属性。
windowObj.self
6、返回最顶层的先辈窗口
windowObj.top
7、可设置或返回窗口状态栏中的文本
windowObj.status
二、History对象
1、属性
#返回浏览器历史列表中的 URL 数量
historyObj.length
2、方法
back(): 加载 history 列表中的前一个 URL
go(): 加载 history 列表中的某个具体页面。
三、Location对象
1、属性:
location.host: 设置或返回主机名和当前 URL 的端口号
location.hostname: 设置或返回当前 URL 的主机名。
location.href: 设置或返回完整的 URL。
location.pathname: 设置或返回当前 URL 的路径部分
location.port: 置或返回当前 URL 的端口号。
location.search:设置或返回从问号 (?) 开始的 URL(查询部分)
2、方法:
#重新加载当前文档(刷新)。
reload(force):
- force[boolean]
- false: 相当于键盘的f5刷新页面
- true: 强制刷新(shift+f5)
#用新的文档替换当前文档,相当于新窗口打开,没有历史记录
replace(newURL)
四、screen 对象
#获取屏幕的宽度
screen.width
#获取屏幕的高度
screen.height