页面宽高:
document.body.clientWidth/Height(不包括margin)
document.body.offsetWidth/Height(不包括margin)
document.body.scrollWidth/Height(包括margin)
tips:
1.如果不是最大化浏览器窗口,且在body标签设置min-width,document.body.offsetWidth会比document.body.clientWidth多出2px,那就是滚动条旁边的2px空白空间。
2.有时候,没设置overflow:hidden;图片会撑出页面宽度。从而,你认为有横向滚动条的页面宽度数值不准。
窗口viewport宽高:
window.innerWidth/Height(带滚动条)
document.documentElement.clientWidth/Height(不带滚动条)
元素宽高:
element.offsetWidth/Height(width+padding+border)
element.scrollWidth/Height(width+padding,没加border)
元素位置:
时间: 2024-10-07 15:37:32