关于Bom的五大对象

208 阅读1分钟

1.window对象

window对象:是js的顶级对象,所有的全局方法和属性都是window对象的成员

  • 只要是window对象 的成员 ,使用时 一律可以省略 window
  • window对象有个特殊属性,叫top,不能当做变量名

window对象的方法:

1.打开窗口 window.open()

2.关闭窗口 window.close()

window对象事件

1.加载事件 *

  • 语法: window.onload = function(){}
  • 作用: DOM树 + 外部资源 加载完毕后,再执行函数内的代码

2.关闭事件

  • 语法: window.onbeforeunload = function(){}
  • 作用: 页面关闭之前执行(存储数据)

2.location对象*

location.href = 'url'

页面跳转到指定地址,可以回退(在当前窗口)

location.assign('url')

与location.href = 'url' 作用一致

location.replace('url')

替换当前的页面,不可以回退

location.reload()

刷新当前页面

3.history对象

历史记录

history.back()

回退上一页

history.forward()

前进下一页

history.go(数字)

history.go(0) 刷新页面

history.go(1) 前进一页

history.go(-2) 后退两页

4.navigator对象(了解)

用户信息 用途:收集用户信息

console.log(navigator)//对象
console.log(navigator.userAgent)//用户代理: 用户设备信息+浏览器信息

5.screen对象(了解)

用户电脑屏幕

console.log(screen)