网页元素
网页可视大小
clientWidth①和clientHeight②
- 网页大小 = 网页内容+padding,注意是
视觉面积,不包括边框和滚动条; - 只读属性,不能修改.
function getViewport(){
if (document.compatMode == "BackCompat"){ //兼容性判断,判断是否怪异模式
return {
width: document.body.clientWidth,
height: document.body.clientHeight
}
} else {
return {
width: document.documentElement.clientWidth,
height: document.documentElement.clientHeight
}
}
}
网页可视大小(滚动条)
scrollWidth③和scrollheight④
- 包含滚动条内容的视觉面积
