指引网

当前位置: 主页 > 网页制作 > JavaScript >

JavaScript常用的获取各个元素宽度和高度

来源:网络 作者:佚名 点击: 时间:2017-08-07 22:14
[摘要] 这里总结一下JavaScript常用的获取各个元素宽度和高度的一些方法:1.document.body.clientWidth - 网页可见区域宽 document.body.client...
这里总结一下JavaScript常用的获取各个元素宽度和高度的一些方法:

1.document.body.clientWidth - 网页可见区域宽
   document.body.clientHeight - 网页可见区域高

2.document.body.offsetWidth - 网页可见区域宽,包括边线和滚动条的宽
   document.body.offsetHeight - 网页可见区域高,包括边线和滚动条的高

3.document.body.scrollWidth - 网页总宽
   document.body.scrollHeight - 网页总高

4.document.body.scrollTop - 有滚动条的时候,向下拖动滚动条,上方不显示的那部分高度
   document.body.scrollLeft - 有滚动条的时候,向下拖动滚动条,上方不显示的那部分宽度

5.window.innerHeight - 浏览器窗口的内部高度
   window.innerWidth - 浏览器窗口的内部宽度

6.window.screen.height - 屏幕分辨率的高度
   window.screen.width - 屏幕分辨率的宽度

7.window.screen.availHeight - 可用工作区高度[整个屏幕但不包括下方任务栏]   window.screen.availWidth - 可用工作区宽度[整个屏幕的宽度]
8.window.screen.clorDepth - 返回目标设备或缓冲器上的调色板的比特深度,常用的16,32位等.
------分隔线----------------------------