js获取页面的各种高度与宽度

document.body.scrollTop等属性可以获取页面滚动距离等，但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0，

所以一般为了兼容性都这样写 document.documentElement.scrollTop || document.body.scrollTop;以下document属性全部推荐这种写法.

网页可见区域宽： document.body.clientHeight;
网页可见区域高： document.body.clientHeight
网页可见区域宽： document.body.offsetWidth (包括边线的宽)
网页可见区域高： document.body.offsetHeight (包括边线的高)
网页正文全文宽： document.body.scrollWidth
网页正文全文高： document.body.scrollHeight
网页被卷去的高： document.body.scrollTop
网页被卷去的左： document.body.scrollLeft
网页正文部分上： window.screenTop
网页正文部分左： window.screenLeft
屏幕分辨率的高： window.screen.height
屏幕分辨率的宽： window.screen.width
屏幕可用工作区高度： window.screen.availHeight
屏幕可用工作区宽度： window.screen.availWidth

转载于:https://www.cnblogs.com/zimengxiyu/p/10069714.html

js获取页面的各种高度与宽度相关推荐

JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...
js获取页面的各种高度大全
1,获取屏幕的高度和宽度(屏幕分辨率): window.screen.height window.screen.width2, 获取屏幕工作区域的高度和宽度(去掉状态栏): window.screen ...
JS 获取页面滚动条的高度
function getScrollTop() {let scroll_top = 0;if (document.documentElement && document.documen ...
原生js获取html元素高度,js获取页面及个元素高度、宽度的代码
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offs ...
JS 获取浏览器、显示器窗体等宽度和高度
转载自 JS 获取浏览器.显示器窗体等宽度和高度网页可见区域宽:document.body.clientWidth 网页可见区域高:document.body.clientHeight 网页可见 ...
php获得窗口宽度,JavaScript_准确获得页面、窗口高度及宽度的JS，function getPageSize(){ var xScroll, ySc - phpStudy...
准确获得页面.窗口高度及宽度的JS function getPageSize(){ var xScroll, yScroll; if (window.innerHeight && wi ...
js获取控制浏览器,屏幕，对象宽度和高度，文件大小
img.fileSize 判断文件大小 function getInfo() { var s = ""; s += "/r/n网页可见区域宽:" ...
js获取网页的各种高度
原文:js获取网页的各种高度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docum ...
uniapp微信小程序怎样获取宽高？获取系统信息？微信小程序获取用户手机屏幕高度与宽度信息等
第一种方案(推荐) "vw" = "view width" "vh" = "view height" 使用 CSS3 引 ...

js获取页面的各种高度与宽度

js获取页面的各种高度与宽度相关推荐

最新文章

热门文章