js——BOM

时间:2022-12-03 15:19:21

BOM:Browser Object Model  浏览器对象模型

  open(页面的地址url,打开的方式) :方法  打开一个新的窗口(页面)

    如果url为空,折磨人打开一个空白页面

    如果打开方式为空,默认为新窗口方式打开

    返回值:返回新打开窗口的window对象

  close():方法  关闭窗口

      1、fireFox:默认无法关闭

      2、chrome:默认直接关闭

      3、ie:询问用户

      可以关闭在本窗口中通过js方法打开的新窗口,浏览器均兼容!

  window.navigator.userAgent : 浏览器信息

  window.location : 浏览器地址信息

    window.location.href = window.location内容

    window.location.search = url?后面的内容

    window.location.hash = url#后面的内容

  window.status:设置或返回窗口状态栏中的文本

 

  可视区尺寸:  //**无兼容问题

    document.documentElement.clientWidth

    document.documentElement.clientHeight

  滚动距离:

    document.body.scrollTop/scrollLeft    //**chrome认为滚动距离是针对body的,所以使用这个

    document.documentElement.scrollTop/scrollLeft   //**chrome存在问题

    如果使用可以这样:var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;

  内容高度:

    元素.scrollHeight   //**获取元素内部内容的实际高度

  文档高度:

    document.documentElement.offsetHeight  //存在兼容问题

    document.body.offsetHeight   //当body去除padding和margin后,浏览器表现一致,推荐使用这个

                    ie如果内容没有可视区高,那么文档高就是可视区高

  onscroll:当滚动条滚动的时候触发

  onresize:当窗口大小发生变化的时候触发