document.body和document.documentElement的区别和用法

对于这两个元素的使用通常是如下两种状况

clientWidth和clientHeight

scrollWidth,scrollHeight,scrollLeft,scrollTop

如今假设每一个属性的意思你都明白

• 对于ie7以上和火狐:

经过document.documentElement均可以取到标准属性,

• 对于ie6:

则要经过document.body才能都取到正确的属性

• 对于chrome

是用区别的

经过document.documentElement  clientWidth和clientHeight,scrollWidth,scrollHeight均可以取到正确的属性

但对于scrollLeft,scrollTop,只有经过document.body才能取到正确的属性

但经过document.body的话,都是能够取到正确的属性,这点和ie6同样

最后要说的是,取不到正确值,不是undefined,而是要么是0,要么是都等于窗口大小,这个不重要,不提也罢

最后说解决方案

若是不要求ie6:

除了scrollTop,scrollLeft  都要用document.documentElement来取,

若是涉及到scrollTop,scrollLeft(照顾chrome),这两个属性要用document.body来取了

若是要求ie6:

那就都要取document.body取到的值和document.documentElement取到的值的最大值了

Math.max();