js获取页面元素

网页元素

网页可视大小

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④

• 包含滚动条内容的视觉面积