javascript之解決IE下不渲染的bug

2024-09-06 12:42:03

字體：大中小

來源：轉載

供稿：網友

有時候，你會發現，在一些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 = “”;

上一篇：用javascript實現的漢字簡繁轉換

下一篇：如何快速的呈現我們的網頁的技巧整理