js获取页面的各种高度大全

1，获取屏幕的高度和宽度（屏幕分辨率）：

window.screen.height

window.screen.width2，

获取屏幕工作区域的高度和宽度（去掉状态栏）：

window.screen.availHeight

window.screen.availWidth

3，网页全文的高度和宽度：

document.body.scrollHeight

document.body.scrollWidth

4，滚动条卷上去的高度和向右卷的宽度：

document.body.scrollTop

document.body.scrollLeft

5，网页可见区域的高度和宽度（不加边线）：

document.body.clientHeight

document.body.clientWidth

6，网页可见区域的高度和宽度（加边线）：

document.body.offsetHeight

document.body.offsetWidth

// 获取窗口宽度

if (window.innerWidth)

winWidth = window.innerWidth;

else if ((document.body) && (document.body.clientWidth))

winWidth = document.body.clientWidth;

// 获取窗口高度

if (window.innerHeight)

winHeight = window.innerHeight;

else if ((document.body) && (document.body.clientHeight))

winHeight = document.body.clientHeight;

// 通过深入 Document 内部对 body 进行检测，获取窗口大小

if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth)

{

winHeight = document.documentElement.clientHeight;

winWidth = document.documentElement.clientWidth;

}

js获取页面的各种高度大全相关推荐

js获取页面的各种高度与宽度
document.body.scrollTop等属性可以获取页面滚动距离等,但是此类属性在xhtml标准网页或者更简单的说是带<!DOCTYPE ..>标签的页面里得到的结果是0, 所以一 ...
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 网页可见区域宽: docum ...
js获取页面光标坐标（x轴y轴）
问题详情 js获取页面光标坐标(x轴y轴) 解决方案 // 获取当前位置 getPosition() {setTimeout(() => {// 获取当前光标位置getSelection()co ...
php获取div高度,JS获取一个未知DIV高度的方法
本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如:var height = element.clientH ...
js: 获取页面最大的zIndex(z-index)值
js: 获取页面最大的zIndex(z-index)值 // 需要在页面渲染完毕之后执行function getMaxZIndex(){let arr = [...document.all].map( ...
js 获取页面鼠标选中的文字
js获取页面鼠标选中的文字,最主要的代码 event.selection = window.getSelection(); 页面代码 <div><p class="cont ...
js获取页面高度获取视口高度获取内容高度获取滚动条宽度高度
element对象的宽高属性 1. DOM树 2.document对象 3.element对象 4. 获取元素高度宽度 1. DOM树浏览器根据DOM模型,将结构化文档HTML解析成节点,DOM的最 ...

js获取页面的各种高度大全

js获取页面的各种高度大全相关推荐

最新文章

热门文章