浏览器对象模型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