令人头晕的clientHeight、offsetHeight和scrollHeight

    在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条所述。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值