在内容不够一屏幕的情况下:
document.documentElement:(chroma不支持)
scrollHeight:整个屏幕的高度(FF,IE都一样)
offsetHeight:内容的高度(FF),IE是整个屏幕的高度
clientHeight:整个屏幕的高度(FF,IE都一样)
document.body:(内容的高度)
scrollHeight:内容的高度(FF,IE一样)
offsetHeight:(FF,IE都一样)
clientHeight:内容的高度(FF,IE一样)
在内容超过一屏幕的情况下:
document.documentElement:
scrollHeight:文档的高度(FF,IE,chroma都一样)
offsetHeight:文档的高度(FF,chroma),IE是整个屏幕的高度
clientHeight:整个屏幕的高度(FF,IE,chroma都一样)
document.body:(内容的高度)
scrollHeight:内容的高度(FF,IE,chroma都一样)
offsetHeight:内容的高度(FF,IE,chroma都一样)
clientHeight:内容的高度(FF,IE,chroma都一样)
以上总结:
1. document.body是指内容的高度,内容多高他就多高,而不管是scroll,offset,client
2. document.documentElement:scrollHeight如果不够一屏,算一屏的高度,clientHeight是指屏幕的高度,offsetHeight其它浏览器算内容高度,IE算屏幕高度
弹层遮罩可以使用document.documentElement.scrollHeight
3.元素的scrollHeight,offsetHeight,clientHeight;
offsetHeight==clientHeight等于元素设置的高度
scrollHeight(FF算元素设置的高度,IE和chroma算Math.max(内容高度,设置元素的高度))