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

Posted wangweizhang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取各种浏览器窗口可视部分大小(可视部分不包含工具栏标签栏等)相关的知识,希望对你有一定的参考价值。

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获取各种浏览器窗口可视部分大小(可视部分不包含工具栏标签栏等)的主要内容,如果未能解决你的问题,请参考以下文章

js获取各种高度

浏览器窗口可视区域大小

Javascript---浏览器窗口可视区域大小

js获取窗口滚动条高度窗口可视范围高度文档实际内容高度滚动条离浏览器底部的高度

JavaScript中关于获取浏览器可视窗口的几个兼容性写法的理解

浏览器窗口可视区域大小