令人头晕的clientHeight、offsetHeight和scrollHeight

来源:互联网 发布:肇庆学院网络自助服务 编辑:程序博客网 时间:2024/04/27 09:39

    在web标准下,document.body的clientHeight、offsetHeight和scrollHeight都为0,无论是Firefox还是IE。这里说说在web标准下document.documentElement的clientHeight、offsetHeight和scrollHeight在不同浏览器中的值。

    1,clientHeight在Firefox和IE中的值都是一样的,都是指“页面浏览器中可以看到内容的这个区域的高度,一般是最后一个工具条以下到状态栏以上的这个区域,与页面内容无关”(没错,是这样的)

    2,IE认为scrollHeight是页面内容的实际宽度,可以小于clientHeight;而Firefox则认为scrollHeight 是网页内容高度,不过最小值是 clientHeight(是的,是这样的,俺验证过了)

    3,IE认为offsetHeight = clientHeight + 滚动条 + 边框,而Firefox实在是顽固,取值是莫名其妙!(是的,是这样的)

    以上摘自网络加上自己的验证!

    4,在IE8中,scrollHeight的值和在FF中的值得到了统一,都认为是网页内容高度,不过最小值是clientHeight;在IE6/IE7中,scrollHeight的值如第2条所述。