JS|BOM浏览器对象模型

BOM浏览器对象模型 BOM的概念

  • BOM指浏览器对象模型,可以与浏览器窗口进行互动。BOM由多个对象组成,其中代表浏览器窗口的Window对象是BOM的顶层对象,其他对象是该对象的字对象
  • 可以使用BOM的方式对浏览器进行一些操作:刷新浏览器、前进、后退、在浏览器输入URL
window对象 【JS|BOM浏览器对象模型】window是浏览器的顶级对象,调用window下的属性和方法时,可以省略window
加载事件 onload事件
  • 给window对象或者某个元素添加onload事件,表示只有绑定事件的元素加载完毕才能触发事件
  • window对象加载完毕,指的是所有HTML结构加载完毕,并且引入的资源(js、css、img、视频、音频)加载完毕
应用
  • 有了window.unload事件,js代码也可以写在html结构之前了
  • ??:一个页面只能有一个window.onload事件
延时器 延时器
  • window对象的一个方法,类似定时炸弹
  • 语法:window.setTimeout(func, time)
  • 参数1可以是匿名函数的定义,也可以是函数名的引用
  • 参数2是延时的时间,单位是ms
  • 功能:在指定的时间后执行一个函数
清除延时器
  • 语法:window.clearTimeout(timeout)
  • 参数:需要清除延时器的名称
  • 功能:清除指定的延时器
  • ??:需要清除的延时器需要存储到一个变量中,以便后期清除
定时器 定时器
  • 相当于一个定时闹钟,每隔固定的时间响一次
  • 语法:window.setInterval(func, interval)
  • 功能:每隔一个指定时间,周期性的执行一个函数
清除定时器
  • 语法:window.clearInterval(timer)
  • ??:清除的定时器需要存储到一个变量中,便于后面清除
location对象 location对象
  • location对象是window对象下的一个属性,使用的时候可以省略window
  • location可以获取或者设置浏览器地址栏的url
history对象 history对象
  • history 对象可以与浏览器历史记录进行交互,浏览器历史记录是对用户所访问的页面按时间顺序进行的记录和保存
  • back()
  • forward()
  • go()

    推荐阅读