前端页面获取浏览器窗口的几个高度

我的设备有两个，一个高度为1080的显示器，一个高度为800的电脑

第一种：window.screen.height

这个方法是获取用户电脑屏幕的高度，是不关浏览器或者顶部工具栏跟底部工具栏的高度的

当我在高度为1080的我的显示屏屏幕上打印

window.screen.height
1080

当我在我的电脑上打印

window.screen.height
800

是的，这个属性就是电脑的高度

第二个属性：window.screen.availHeight

这个属性，看字面意思，顾名思义，就是电脑屏幕的可用高度，

那当然就是电脑屏幕减掉顶部工具栏跟底部工具栏的高度

我在显示器上打印了这个属性，会得到以下

window.screen.availHeight
1057

1057是等于=1080(电脑屏幕)-23(顶部工具栏)

因为我的显示器上面没有底部工具栏

好，现在我在我的电脑上打印

window.screen.availHeight
714

是714=800-顶部工具栏(22)-底部工具栏(64)

第三个：document.body.clientHeight

这个属性只跟浏览器的高度有关

当时我在显示器上打印的时候，我打印来

document.body.clientHeight
3367

我一脸懵逼，这怎么会有三千多高度呢

我屏幕一共才1080

后来我才想通，是浏览器里面的整个页面高度，因为我打开一个页面调试的时候是有滚动条的

第四个:document.documentElement.clientHeight

这个属性就是只跟浏览器有关，是浏览器里面的页面的可用可见高度

就还是我刚才那个显示器打印

document.documentElement.clientHeight
880

是的我想说的就是这些了，反正我研究了一下这个之后，对这几个获得高度的属性差不多知道了

还有什么的话欢迎各位补充哦

第五个：window.innerHeight

前端页面获取浏览器窗口的几个高度相关推荐

js获取浏览器窗口页面宽度、高度的方法 kaki 的博客
js获取浏览器窗口页面宽度.高度的方法不多说,直接上代码 alert($(window).height()); //浏览器时下窗口可视区域高度 alert($(document).height()) ...
jq获取页面高度_通过 jQuery 获取浏览器窗口高度问题
我曾经在使用jQuery一些东西的时候碰到了这样一些奇怪的问题.例如,我尝试着用 jQuery 的 $(window).height() 来获取浏览器窗口高度,就遇到了问题. 理论上,$(window ...
js和jQuery获取浏览器窗口的高度、宽度的方法详解
有三种方法能够确定浏览器窗口的尺寸(浏览器的视口,不包括工具栏和滚动条). 对于Internet Explorer.Chrome.Firefox.Opera 以及 Safari: window.inn ...
Javascript 获取浏览器窗口中文档（视口）可用尺寸的方法
摘要: 由于浏览器的差异,许多信息的获取都要考虑兼容性,窗口中文档可用尺寸是一个经常需要用到的信息,由于浏览器不同甚至版本不同,获取的方法也不一样,本文介绍的函数能够兼容各种浏览器,获取这一信息.同时 ...
python获取窗口句柄_Python+selenium 获取浏览器窗口坐标、句柄的方法
1.0 获取浏览器窗口坐标 python目录可找到Webdriver.py 文件定义了get_window_rect()函数,可获取窗口的坐标和大小(长宽),但出现"Command not ...
Web前端页面的浏览器兼容性测试心得（三）总结一些IE8兼容问题的解决方案
Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案参考文章: (1)Web前端页面的浏览器兼容性测试心得(三)总结一些IE8兼容问题的解决方案 (2)https://www. ...
html中获取浏览器窗口宽度,JavaScript 获取浏览器窗口的大小
简明现代魔法 -> JavaScript -> JavaScript 获取浏览器窗口的大小 JavaScript 获取浏览器窗口的大小 2010-04-16 程序演示: 获取浏览器当前窗口 ...
获取浏览器窗口宽高问题总结
s = "网页可见区域宽:"+ document.body.clientWidth; s += "\r\n网页可见区域高:"+ document ...
java 端写的list 前端页面获取方法
第一种方法: java: 前端页面  <%@ taglib uri="/struts-tags" prefix="s&quo ...

前端页面获取浏览器窗口的几个高度

前端页面获取浏览器窗口的几个高度相关推荐

最新文章

热门文章