js获取各种高度

JavaScript09

js获取各种高度,第1张

先来一个浏览器窗口大小改变的事件，用来查看浏览器窗口的大小被改变可以触发一些函数

window.onresize 浏览器窗口大小改变事件

在写js的时候偶尔需要获取各种高度，比如；浏览器高度，页面高度，滚动高度等。

（不加边线）：

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

//获取盒子的内容高度，内容高度也可用用box.clientHeight获取，内容高度不包括边框和外边距和滚动条

var box = document.getElementById("box")

var contentHeight = window.getComputedStyle(box).height //输出 '60px'

//js获取移动端屏幕高度和宽度等设备尺寸，兼容性比较好的方法

document.documentElement.clientWidth

document.documentElement.clientHeight

此外，还可以使用元素的点击事件来获取元素高度等内容。