JS获取浏览器可视区域宽高

写在前面

浏览器可视区域宽高并不就等于浏览器窗口宽高，而是除去顶部标签栏+滚动条(如果有)+控制台(如果有f12打开)之外的尺寸大小

因为比较简单所以直接上代码：

let w, h;
// 对于ie9以上浏览器（手机浏览器，一直是保持最新内核标准，当然也支持这种方式获取）
w = window.innerWidth;
h = window.innerHeight;// 对于ie9以下
w = document.documentElement.clientWidth;
h = document.documentElement.clientHeight;
// 或
w = document.body.clientWidth;
h = document.body.clientHeihgt;// 所以总结最全的兼容方式获取为
w = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
h = window.innerHeight || document.documentElement.clientHeight || document..body.clientHeight;

JS获取浏览器可视区域宽高相关推荐

js获取浏览器可视区域高度并赋值给div/iframe
js代码部分 <script>function getFrame1Height() {var Frame = document.getElementById('frame');//获取fr ...
JavaScript获取浏览器可视区域的宽高
JavaScript获取浏览器可视区域的宽高在做项目的时候,我们常常需要对项目做一些优化,来提升页面响应的速度,比如进入可视区域后再发送请求获取数据或者是填充模板,这个时候就需要能够获取到浏览器的可 ...
获取浏览器可视区域、屏幕的宽和高
document.documentElement.clientWidth:取得浏览器页面可视区域的宽度document.documentElement.clientHeight:取得浏览器页面可视区域 ...
js获取浏览器和屏幕宽高等信息(转)
虽然这些东西msdn 中都可以找到,但是为了方便查询,还是把网友的总结放了上来: 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.c ...
获取html隐藏元素,js获取隐藏元素的宽高
获取隐藏元素(display:none)的物理尺寸问题及场景假如我们有这样一个输入框,点击能展开选择.如下图: 在这里输入框和下方的展开区域是分离的,独立的两个控件!初始状态下面的可选框是隐藏的( ...
获取浏览器可视区域宽度和高度兼容主流浏览器
<script type="text/javascript" language="javascript"> function fnG ...
js兼容性——获取当前浏览器窗口的宽高
通过onresize事件 1 window.onresize = function () { 2 document.title = client().width + " "+ cl ...
vue封装的全屏js 禁止键盘事件获取当前浏览器类型获取当前的屏幕宽高
开启全屏 export function fullScreen(){var el = document.documentElement,rfs = el.requestFullScreen || el ...
JS获取当前窗口的宽和高
JS获取当前窗口的宽和高 window.onload = function(){document.onclick = function(){//输出当前窗口的宽var windowWidth = do ...

JS获取浏览器可视区域宽高

写在前面

JS获取浏览器可视区域宽高相关推荐

最新文章

热门文章