页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

javascript之解决IE下不渲染的bug

发布：dxy 发布日期：2007-6-29 字体：[增加减小] 类型：转载

有时候，你会发现，在一些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 = “”;

Tags：javascript之解决IE下不渲染的bug