首页 > 其他 > 详细

BOM

时间:2016-07-25 11:42:14      阅读:276      评论:0      收藏:0      [点我收藏+]

BOM:Browser Object Model 浏览器对象模

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

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

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

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

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

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

  window.navigator.userAgent------>浏览器信息

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

  窗口的尺寸与大小

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

  

BOM

原文:http://www.cnblogs.com/yuxingyoucan/p/5702922.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!