zoukankan      html  css  js  c++  java
  • BOM

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

      window.open(页面的地址url,打开的方式)方法 打开一个新的窗口。window可不写,直接open()使用

        如果url为空,则默认打开一个空白页面

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

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

      window.close():方法 关闭窗口    不同浏览器表现的效果不同。例如IE会弹出对话框让你选择是否要真的关闭,火狐不支持这种用代码关闭,默认无法关闭;chrome默认直接关闭  

          -------可以关闭本窗口中通过js打开的新窗口 

      window.navigator.userAgent------>浏览器信息,包括浏览器内核,内核版本,浏览器版本

      window.location与window.location.href:------->浏览器地址信息,获取的是地址栏上的信息内容,返回的是一个对象而不是字符串

      window.location.search:--------->url?后面的内容  

      window.location.hash:------->url#后面的内容  可以通过 < 和 >进行前进后退切换

      窗口的尺寸与大小

      •可视区尺寸
        –document.documentElement.clientWidth
        –document.documentElement.clientHeight
      •滚动距离
        –document.body.scrollTop/scrollLeft  --------chrome浏览器适用,其他浏览器不行,chrome浏览器认为滚动条属于body的,而其他浏览器认为滚动条属于整个文档的
        –document.documentElement.scrollTop/scrollLeft----------除了chrome浏览器,其他都可以
        可以通过document.documentElement.scrollTop||document.body.scrollTop 来兼容各浏览器
      •内容高度
        –document.元素内容.scrollHeight   会连这padding值计算在内
      •文档高度
        –document.documentElement.offsetHeight  -----有兼容性问题,IE计算出来的是可视区的高
        –document.body.offsetHeight
       onscroll:当滚动条滚动的时候触发   (与拉滚动条的时间间隔有关)
      onresize:当窗口大小发生改变的时候触发   (与拉动的时间间隔有关)
     

      

  • 相关阅读:
    UVALive 7141 BombX
    CodeForces 722D Generating Sets
    CodeForces 722C Destroying Array
    CodeForces 721D Maxim and Array
    CodeForces 721C Journey
    CodeForces 415D Mashmokh and ACM
    CodeForces 718C Sasha and Array
    CodeForces 635C XOR Equation
    CodeForces 631D Messenger
    田忌赛马问题
  • 原文地址:https://www.cnblogs.com/yuxingyoucan/p/5702922.html
Copyright © 2011-2022 走看看