我对BOM对象的理解

BOM对象:浏览器对象模型

  作用:执行浏览器的相关操作

  核心对象:window,window对象是js的内部方法,在使用时可以省略不写

  window对象的常见事件

  1.onload窗口加载事件  当文档内容完全加载完成后才会触发该事件

window.onload = function() {};
window.addEventListener('load' function() {});

  2.onresize窗口大小事件  当窗口像素发生变化时,该事件会被触发,就可以用作响应式布局

window.onresize = function(){}
window.addEventLinster('resize',function(){});

  3.定时器

    一次性定时器setTimeout()  达到设定的时间就执行指定的函数

    循环定时器setInterval()    每隔多少事件后就执行某个函数

    清除定时器clearTimeout/clearInterval()  清除Interval或者tieout定时器

    由于清除定时器需要传入一个参数,也就是定时器的名称来指定被清除的定时器,多以在创建定时器的时候就应该先给一个名字

var timer1 = setTimeout(fn1,1000);
var timer2 = setInterval(fn2,1000);
clearTimeout(timer1);

    navigation对象

    包含有关浏览器的信息

    属性:userAgent用于获取用户浏览器类型,判断是移动端页面还是pc端页面

    history对象

    与浏览器历史进行交互,里面包含了用户访问过的url

    包含的方法:

      1.back()  向后跳转

      2.forward()  向前跳转

      3.go()    跳转的次数,正的代表向前,负的代表向后

posted @ 2020-04-14 13:55  Silver9908  阅读(133)  评论(0)    收藏  举报