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

最新推荐文章于 2017-06-16 19:53:56 发布
最新推荐文章于 2017-06-16 19:53:56 发布
阅读量191 收藏
点赞数
分类专栏： 浏览器 文章标签： xhtml javascript ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xinzhp/article/details/84094074
版权

这两天在测试程序在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 值

xinzhp
关注
专栏目录
区分clientHeight、scrollHeight、offsetHeight
xm2by的博客
08-21 1451
区分clientHeight、scrollHeight、offsetHeight clientHeight： 元素的可见高度 scrollHeight： 元素的整体高度 offsetHeight： 元素的高度 参考文献： [1] 搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop [2] js中offsetHe...
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 602
相关图片当页面实际内容高度大于浏览器可视区域高度时a. IE下    b. FF下当页面实际内容高度小于浏览器可视区域高度时a. IE下b. FF下由此有以下结论clientHeight     在IE和FF下，该属性没什么差别，都是指浏览器的可视区域，即除去浏览器的那些工具栏状
IE7中document.body.clientWidth/clientHeight 取值为0
what_tahw的专栏
09-01 582
 将代码段改为：document.documentElement.clientWidth/clientHeight
scrollHeight在IE和FF下的区别
fengshujuan
12-22 215
/**  *调整滚屏出现的弹出div位置差别的现象，这个只在IE下才有，在ff下不用调整  */ function getScollTop(){     var eleHeight;     if(document.documentElement){         eleHeight = document.documentElement.scrollHeight-document.d...
网页尺寸scrollHeight
qq_24193261的博客
09-19 489
scrollHeight和scrollWidth,获取网页内容高度和宽度 一。针对IE,Opera: scrollHeight是网页内容实际高度，可以小于clienHeight. 二。针对NS,FF： scrollHeight是网页内容的高度，不过最小值是clientHeight.也就是说网页内容实际高度小于clientHeight时，scrollHeight返回clientHeight.
js获取页面宽度高度及屏幕分辨率
nan2008zzu的专栏
11-07 976
js获取页面宽度高度及屏幕分辨率 网页可见区域宽：document.body.clientWidth  网页可见区域高：document.body.clientHeight  网页可见区域宽：document.body.offsetWidth (包括边线的宽)  网页可见区域高：document.body.offsetHeight (包括边线的宽)  网页正文全文宽：document
07-offsetHeight-scrollHeight-clientHeight-区别.md
最新发布
03-31
本篇文章将详细解读offsetHeight、scrollHeight、clientHeight这三个属性的概念和区别，帮助求职者和前端开发者在面试或实际工作中能更加准确地使用这些属性。 ### offsetHeight和offsetWidth属性 offsetHeight和...
解决document.body.clientWidth 或 document.body.clientHeight 为0的问题
weixin_30709061的博客
12-14 762
我们常用 document.body.clientHeight和document.body.clientWidth获得窗口的高和宽， 今天发现在IE8，IE9和firefox都没有问题，都能正常获得，但是在IE7下却都是为0 解决方法如下(IE7,IE8,IE9,firefox都没问题)： 使用document.documentElement.clientHeight和document.d...
IE7、IE8、IE9对min-height不识别
weixin_34290096的博客
04-15 329
为什么80%的码农都做不了架构师？>>> ...
主流浏览器对 clientHeight 和 scrollHeight 的解释
小学生程序员的博客
06-16 1451
以下代码测试环境是： Chrome canary 61 Firefox 53 IE 11 10 9 8 以下的 clientHeight 和 scrollHeight 是 document.documentElement.clientHeight 和 document.documentElement.scrollHeight 的缩写当页面没有出现滚动的情况： IE 和 Firefox 表现一致
document.compatMode属性
realized
05-13 139
document.compatMode用来判断当前浏览器采用的渲染方式。 官方解释： BackCompat：标准兼容模式关闭。 CSS1Compat：标准兼容模式开启。 当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth； 当document.compatMode等于CSS1Compat时，...
网页宽高clientWidth clientHeight获得数值不对的问题
weixin_30663391的博客
07-12 2991
当网页内容撑不满一屏时，通过以下代码获得整个网页高度会有问题 document.body.clientHeight;document.body.clientWidth;得到的宽高不对，可能是因为html与body标签缺一个样式：height:100%设置如下： html{ height: 100%; overflow: h...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值