当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript之解决IE下不渲染的bug

Javascript
window.onload 加载完毕的问题及解决方案（下）
jQuery 版本的文本输入框检查器Input Check
jquery Firefox3.5中操作select的问题
jquery 1.3.2 IE8中的一点点的小问题解决方法
javascript div 遮罩层封锁整个页面
javascript 页面只自动刷新一次
Javascript 区别浏览器 代码
checkbox 复选框不能为空
Prototype 学习 Prototype对象
Prototype 学习 工具函数学习($方法)
Prototype 学习 工具函数学习($A方法)
Prototype 学习 工具函数学习($w,$F方法)
Prototype Object对象 学习
Prototype Function对象 学习
Prototype Date对象 学习
JavaScript 事件对象的实现
JavaScript 事件查询综合
JavaScript 继承详解（一）
JavaScript 继承详解（二）
JavaScript 继承详解（三）

No. « 145 146 147 148 »

技术文章搜索

关键字

Javascript 中的 javascript之解决IE下不渲染的bug

出处:互联网   整理: 软晨网（RuanChen.com）   发布: 2009-09-12   浏览: 445 ::
收藏到网摘: n/a

有时候，你会发现，在一些JS应用中，涉及到CSS的重新渲染（即页面样式需要更新）的话，IE死活不变。
此时你需要让IE重新渲染一下：

function handleIEhasLayout(){
//trigger re-rendering
document.body.style.zoom = 1.1;
//restore it
document.body.style.zoom = '';
}

有问题，记得执行一下handleIEhasLayout，万事OK。
原文：http://realazy.org/blog/2007/04/02/ie-haslayout-rerendering/
引用
IE5 似乎没有这个问题，IE6 有，我的 IE7 还是 beta2，版本号是 7.0.5346.5，也没有这个问题，一个朋友用的 beta3 版本号是 7.0.5450.4 居然说也有问题，我没有测试，用这个版本 IE 的朋友可以帮忙看看。

Dnew.cn 注：用这段代码似乎更好一些：
function reflow(){
var b = document.body;
b.style.zoom = b.style.zoom=="1"?"100%":"1";
}

使用style.zoom在某些情况下还会出现不能全部渲染的问题，比如页面内容很少，没有占满屏幕。
（shiweiwei97）的方法是：
document.body.style.display = “none”;
document.body.style.display = “”;