IE8兼容模式下获取不到document.body.clientWidth的原因

最新推荐文章于 2021-11-06 11:35:45 发布
原创 最新推荐文章于 2021-11-06 11:35:45 发布 · 189 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

博客指出因body添加了overflow:hidden属性而产生问题，解决办法是去掉该属性，这属于前端开发中样式设置方面的内容。
由于body加上了overflow:hidden的属性，去掉即可
html兼容ie7ie8,解决IE6、IE7、IE8样式不兼容问题
weixin_34873798的博客
06-27 1228
这里和大家探讨一下解决IE6、IE7、IE8 DIV错位问题，如果你的页面对IE7兼容没有问题，又不想大量修改现有代码，同时又能在IE8中正常使用，微软声称，开发商仅需要在目前兼容IE7的网站上添加一行代码即可解决问题，非常方便。IE6里DIV错位的问题采用”FLOAT：LEFT“的DIV在IE8、IE7、都没问题，IE6下却向下移动，出现空白。这是因为，IE6采用的内核默认把DIV之间的距离增加...
JS获取屏幕,浏览器窗口大小,网页高度宽度(实现代码)
12-11
网页可见区域宽：document.body.clientWidth 网页可见区域高：document.body.clientHeight 网页可见区域宽：document.body.offsetWidth (包括边线的宽) 网页可见区域高：document.body.offsetHeight (包括边线的宽) 网页正文全文宽：document.body.scrollWidth 网页正文全文高：document.body.scrollHeight 网页被卷去的高：document.body.scrollTop 网页被卷去的左：document.body.scrollLeft 网页正文部分上：wi
ie6或ie8下，UEditor中出错document.body为空或不是对象解决办法
Laughing
07-27 8541
百度的ueditor在IE6或IE8中提示： 行: 13384 错误: 'document.body' 为空或不是对象 原因为： document还没有加载完全，就执行了editor_all.js 解决办法： 在初始化UEditor时,在外面套上一层  $(document).ready(function(){｝） 如图所示 类似地，在其它的遇到在IE6或IE8中
ie8下不能用window.innerHeight、innerWidth解决方法
热门推荐
路还很长
04-06 2万+
查了一下stackoverflow 上面的代码好像是错误的 我改成了 window.getHeight= function(){ if(window.innerHeight!= undefined){ return window.innerHeight;
JS 获取浏览器窗口大小clientWidth、offsetWidth、scrollWidth
Mia_shaungchen的博客
05-11 1413
网页可见区域宽： document.body.clientWidth; 网页可见区域高： document.body.clientHeight; 网页可见区域宽： document.body.offsetWidth   (包括边线的宽); 网页可见区域高： document.body.offsetHeight  (包括边线的宽); 网页正文全文宽： document.body.scroll
IE8下获取iframe document EVENT对象的问题
weixin_30681121的博客
03-27 189
在一个页面中设置iframe的document Onclick 事件获取在iframe中的document被点击的对象，W3C如下： document.getElementById('iframe的ID').contentDocument.onclikc=function(event){} 以上的EVENT对象在W3C浏览器下可以得到，在IE8中就无法得到，原因有2个，一是IE下的iframe...
解决js代码中 document.body.clientWidth 为0
Ctrl_kun的博客
11-06 978
在不同浏览器中获取方式不同(HTML5) chrome: document.documentElement.clientHeight IE: document.body.clientWidth html5中如果用错则为0 解决方法 将HTML5换成HTML4 用js分别获取两个值，取最大值 max(document.documentElement.clientHeight,document.body.clientWidth) ...
用document.documentElement取代document.body的原因分析
09-05
在JavaScript中，`document.body` 和 `document.documentElement` 是两个经常用来获取页面信息的对象，但它们之间存在一些重要的差异，尤其是在处理不同浏览器的兼容性问题时。`document.documentElement` 通常被...
javascript document.compatMode兼容性
10-29
JavaScript中的`document.compatMode`属性是用来检测浏览器当前的渲染模式，这对于处理跨浏览器的兼容性问题至关重要。在网页开发中，浏览器对HTML文档的解析方式有两种：Quirks Mode（怪异模式）和Standards Mode...
doctype后如何获得body.clientHeight的方法
10-30
- **`document.documentElement` 与 `document.body` 的区别**：在标准模式下，`document.documentElement` 指的是 `<html>` 元素，而 `document.body` 指的是 `<body>` 元素。这两个元素在不同情况下存储着不同的...
div.banner { position: fixed; _position: absolute; top: 0; left: 0; _top: expression(eval(document.body.scrollTop)); _left: expression(eval(document.body.scrollLeft)); width: 100%; _width: expression(eval(document.body.clientWidth)); margin: 0; padding: 3px; padding-left: 6px; background:lime; background-color: #FFFFC6; font: 11px tahoma,arial,serif; border-bottom: 2px ridge #FFFFC6; }
最新发布
08-19
- 确保不同文档模式下的兼容性 3. **现代替代方案**： ```css /* 使用@supports特性检测 */ @supports (position: sticky) or (position: fixed) { #banner { position: fixed; } } ``` ### 相关问题： 1...
针对ie8等低版本浏览器document.getElementsByName方法不生效解决方法
love_pgme的博客
11-07 2022
function getByName(Name){ 　　var i = document.getElementsByName(Name); 　　if(i>0){ 　　　　return i; 　　}else{ 　　　　var aele = document.getElementsByTagName('*'); 　　　　var arr = []; 　　　　for (var i = 0;i
vue响应式网站PC端的宽度获取坑（已解决&新手向）
weixin_41033048的博客
05-30 920
一开始我是在mounted函数里面用这个方法获取宽度的document.body.clientWidth，结果出现了一加载进来就是值为0的情况。 找原因： 1.是不是watch监听不到所以为0，因此找深度监测去了，没卵用 2.是不是要写在created里面，或者update里，发现，没卵用 3.最后找的一个方法，原来是我的宽度获取的方式有问题，应该是document.documentElement.clientWidth 所以，问题就解决了 ...
用document.body.clientWidth不能获取准确值的问题
tmoonlight的专栏
05-23 1万+
 网络上普遍使用document.body.clientHeight和document.body.clientWidth获得窗口的高和宽。但是使用VS2005创建的页面中,却无法使用这两个属性获得准确的窗口高度和宽度。 原因: VS2005创建的页面遵循XHTML 1.0文档标准, 在HTML的头中声明如下:        解决方法: 使用document.documentElement.cli
JavaScript 获取元素的8种方法
qq_41363062的博客
01-17 2171
DOM 文档对象模型（Document Object Model），是W3C组织推荐的处理可扩展置标语言的标准编程接口。简单理解就是 DOM 是关于如何获取、修改、添加或删除 HTML 元素的标准。我们用JavaScript对网页进行的所有操作都是通过DOM进行的。 JS获取DOM元素的八种方法 通过ID获取（getElementById） 通过name属性（getElementsByName）...
document.body.clientwidth值为0的解决方案
ForMyQianDuan的博客
03-24 5002
在IE7、IE8、Firefox中，document.body.clientWidth以及 document.body.clientHeightzhi值为0，此时，可以使用 document.documentElement.clientHeight等代替。   网络上普遍使用document.body.clientHeight和document.body.clientW
js 广告 使用到的属性
chicaohun7473的博客
11-16 208
网页可见区域宽： document.body.clientWidth 网页可见区域高： document.body.clientHeight 网页可见区域宽： document.body.offsetWidth (包括边线的宽) 网页可见区域高： document.body....
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值