这里总结一下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位等. |