码迷,mamicode.com
首页 > Web开发 > 详细

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)

时间:2019-08-15 15:51:09      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:viewport   其它   func   包含   size   turn   code   color   aaa   

js获取各种浏览器窗口可视宽度和高度(不包含工具栏和标签栏)、

function getViewportSize(w){
  w= w || window;
  //除了IE8以及更早版本外,其它浏览器都能用
  if(w.innerWidth != null){ return { w:w.innerWidth, h:w.innerHeight } };
  //对标准模式下的IE或任何浏览器
  var d=w.document;
  if(document.compatMode == "CSS1Compat"){
    return { w:d.documentElement.clientWidth, 
             h:d.documentElement.clientHeight }
  }
  //对怪异模式下的浏览器
  return { w:d.body.clientWidth , h:d.body.clientHeight }
}
let aaa = getViewportSize(); 
aaa.w是可见宽度
aaa.h是可见高度

js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏、标签栏等)

标签:viewport   其它   func   包含   size   turn   code   color   aaa   

原文地址:https://www.cnblogs.com/wangweizhang/p/11358349.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!