JS获取屏幕，正文，分辨率等宽高

因为平时需要用到JS获取各种宽高，今天就想着总结一下

console.log("网页内容宽度："+document.body.clientWidth+"不包含右边滚动条！");
console.log("网页内容宽度："+document.body.clientHeight+"不包含开始和结尾元素距离网页顶部和底部的距离");

console.log("网页内容宽度："+document.body.offsetWidth+"网上说包含右边滚动条！，可是亲测不包含右边滚动条的宽，和clientWidth相等...");
console.log("网页内容高度："+document.body.offsetHeight+"目测和clientheight相等...");

console.log("网页正文全文宽："+document.body.scrollWidth+"网上说包含右边滚动条！，可是亲测不包含右边滚动条的宽，等于正文宽加距左边的距离");
console.log("网页正文全文高："+document.body.scrollHeight+"包含开始和结尾元素距离网页顶部和底部的距离！");

console.log("网页卷去左边内容(ff)："+document.body.scrollLeft+"网页左方隐藏的高度");
console.log("网页卷去高度(ff)："+document.body.scrollTop+"下同：网页上方隐藏的高度");
console.log("网页卷去高度(兼容ie)："+document.documentElement.scrollTop);

console.log("网页正文部分上："+window.screenTop+"页面内容距离电脑屏幕的上方的距离");
console.log("网页正文部分左："+window.screenLeft+"页面内容距离电脑屏幕的左方的距离");

console.log("屏幕分辨率的高："+window.screen.height);
console.log("屏幕分辨率的宽："+window.screen.width);

console.log("屏幕可用工作区高度："+window.screen.availHeight+"除去浏览器上下边");
console.log("屏幕可用工作区宽度："+window.screen.availWidth+"包括浏览器滚动条");

console.log("屏幕可用工作区高度："+window.screen.availHeight+"除去浏览器上下边");
console.log("屏幕可用工作区宽度："+window.screen.availWidth+"包括浏览器滚动条");

可自行放到JS里，进行输出，查看结果。。。