有效获取scrollWidth clientWidth方法:

来源:互联网 发布:淘宝天猫积分怎么获得 编辑:程序博客网 时间:2024/06/04 18:36
有效获取scrollWidth clientWidth方法:
var scrollWidth = Math.max(document.documentElement.scrollWidth, document.body.scrollWidth);
var clientWidth = document.documentElement.clientWidth || document.body.clientWidth;
scrollWidth: 表示的是文档区的宽度(高度),比如一个网页,特别是门户网站,拖很长,就要把没有显示出来的内容都计算进去
scrollHeight
clientWidth:可见区域的宽度
clientHeight
offsetWidth:可见区域的宽度 +16px[google下测试]
offsetHeight
注意:不同浏览器获取方式不同
document.documentElement.scrollWidth
document.documentElement.offsetWidth
document.documentElement.clientWidth
document.body.scrollWidth
document.body.offsetWidth
document.body.clientWidth
0 0