IE7 正式发布版不支持offsetheight,clientheight,scrollheight属性

最新推荐文章于 2018-11-26 12:52:26 发布
原创 最新推荐文章于 2018-11-26 12:52:26 发布 · 232 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#xhtml #javascript #ViewUI

在测试程序兼容性时，发现IE7环境下布局显示异常。深入研究后发现document.body.offsetHeight无法获取值，探讨可能原因及解决方案。

这两天在测试程序在IE7的兼容性，发现原来在IE6显示正常的布局，在IE7下完全乱了。
前一阵用IE7 测试版还显示正常。
通过跟踪javascript,发现
document.body.offsetHeight
根本取不到值，又试了clientHeight也取不到值。

不知道是IE7正式版的bug, 还是有其他新的方法，不再支持这些属性。

那位朋友知道，提示一下。

谢谢

将页面的doctype从
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
换成
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
可以取道offsetHeight 值

JS中clientHeight、scrollHeight和offsetHeight的大坑，滚动条抖动问题解决
郑伟斌的博客
04-09 2万+
JS中clientHeight、scrollHeight和offsetHeight的大坑，滚动条抖动问题解决1.什么是clientHeight、scrollHeight和offsetHeight1.1 clientHeight是什么1.2 offsetHeight是什么1.3 clientHeight和offsetHeight的注意点1.4 scrollHeight和它的大坑jQuery和原生js...
IE和FF下document.body对象的clientHeight，offsetHeight,scrollHeight的差别
xjinza的专栏
07-22 667
相关图片当页面实际内容高度大于浏览器可视区域高度时a. IE下    b. FF下当页面实际内容高度小于浏览器可视区域高度时a. IE下b. FF下由此有以下结论clientHeight     在IE和FF下，该属性没什么差别，都是指浏览器的可视区域，即除去浏览器的那些工具栏状
IE7中document.body.clientWidth/clientHeight 取值为0
what_tahw的专栏
09-01 626
 将代码段改为：document.documentElement.clientWidth/clientHeight
js获取页面宽度高度及屏幕分辨率
nan2008zzu的专栏
11-07 1044
js获取页面宽度高度及屏幕分辨率 网页可见区域宽：document.body.clientWidth  网页可见区域高：document.body.clientHeight  网页可见区域宽：document.body.offsetWidth (包括边线的宽)  网页可见区域高：document.body.offsetHeight (包括边线的宽)  网页正文全文宽：document
scrollHeight在IE和FF下的区别
fengshujuan
12-22 259
/**  *调整滚屏出现的弹出div位置差别的现象，这个只在IE下才有，在ff下不用调整  */ function getScollTop(){     var eleHeight;     if(document.documentElement){         eleHeight = document.documentElement.scrollHeight-document.d...
网页尺寸scrollHeight
qq_24193261的博客
09-19 546
scrollHeight和scrollWidth,获取网页内容高度和宽度 一。针对IE,Opera: scrollHeight是网页内容实际高度，可以小于clienHeight. 二。针对NS,FF： scrollHeight是网页内容的高度，不过最小值是clientHeight.也就是说网页内容实际高度小于clientHeight时，scrollHeight返回clientHeight.
解析offsetHeight,clientHeight,scrollHeight之间的区别
12-10
在Web开发中，理解和掌握DOM元素的尺寸属性是至关重要的，特别是`offsetHeight`, `clientHeight`, 和 `scrollHeight`这三个属性。它们分别代表了不同的元素尺寸概念，并且在不同的浏览器和模式下可能存在差异。 ...
深入理解clientHeight、offsetHeight、scrollHeight属性差异
在讨论前端开发时，经常需要获取和操作元素的高度信息，其中clientHeight、offsetHeight和scrollHeight是三种常用的属性，用于获取元素的高度相关的布局信息。这些属性在DOM操作中非常关键，尤其在进行页面布局调整...
07-offsetHeight-scrollHeight-clientHeight-区别.md
最新发布
03-31
本篇文章将详细解读offsetHeight、scrollHeight、clientHeight这三个属性的概念和区别，帮助求职者和前端开发者在面试或实际工作中能更加准确地使用这些属性。 ### offsetHeight和offsetWidth属性 offsetHeight和...
scrollTop、offsetHeight和offsetTop等属性用法详解以及兼容性的解决
冰雪为融的博客
03-09 9059
下面有每个属性详细的解释网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidt...
offsetHeight, clientHeight与scrollHeight的区别
热门推荐
清箫的专栏
03-05 3万+
在网上搜了一下，结论非常笼统，讲IE从不讲版本，因此自己做了测试并上传结论。以下结论皆是在标准模式下测试通过的，没有测试quirk模式。 clientHeight 大部分浏览器对 clientHeight 都没有什么异议，都认为是内容可视区域的高度，也就是说页面浏览器中可以看到内容的这个区域的高度，即然是指可看到内容的区域，滚动条不算在内。但要注意padding是算在内。其计算方式
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异
tammy_zhu的专栏
03-29 2万+
四种浏览器对 clientHeight、offsetHeight、scrollHeight、clientWidth、offsetWidth 和 scrollWidth 的解释差异 2010-07-09 16:26 448人阅读 评论(0) 收藏 举报 网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.
clientHeight、offsetHeight、scrollHeight三者区别与浏览器表现
Soochow_zhangyu的博客
11-26 1472
提要 clientHeight指客户区高度，本应该返回浏览器可见区域高度，但是，前面的元素如果不是documentElement，则返回盒子高度（包括填充和边框） offsetHeight指偏移之后的高度，offsetTop和offsetLeft分别指当前元素相对于父元素的偏移（也就是外边距），故offsetHeight则是指元素本身高度（包括填充和边框），不过，在IE11以下的版本，如果前缀元...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值