javascript之解決IE下不渲染的bug
更新時間:2007年06月29日 00:00:00 作者:
有時候,你會發(fā)現(xiàn),在一些JS應(yīng)用中,涉及到CSS的重新渲染(即頁面樣式需要更新)的話,IE死活不變。
此時你需要讓IE重新渲染一下:
function handleIEhasLayout(){
//trigger re-rendering
document.body.style.zoom = 1.1;
//restore it
document.body.style.zoom = '';
}
有問題,記得執(zhí)行一下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在某些情況下還會出現(xiàn)不能全部渲染的問題,比如頁面內(nèi)容很少,沒有占滿屏幕。
(shiweiwei97)的方法是:
document.body.style.display = “none”;
document.body.style.display = “”;
此時你需要讓IE重新渲染一下:
function handleIEhasLayout(){
//trigger re-rendering
document.body.style.zoom = 1.1;
//restore it
document.body.style.zoom = '';
}
有問題,記得執(zhí)行一下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在某些情況下還會出現(xiàn)不能全部渲染的問題,比如頁面內(nèi)容很少,沒有占滿屏幕。
(shiweiwei97)的方法是:
document.body.style.display = “none”;
document.body.style.display = “”;
相關(guān)文章
javascript設(shè)計模式Constructor(構(gòu)造器)模式
這篇文章主要為大家詳細(xì)介紹了javascript設(shè)計模式Constructor(構(gòu)造器)模式 ,感興趣的小伙伴們可以參考一下2016-08-08JavaScript將頁面表格導(dǎo)出為Excel的具體實現(xiàn)
如何將頁面表格導(dǎo)出為Excel,這在日常工作中很常見,下面為大家詳細(xì)的介紹下使用JavaScript是如何實現(xiàn)的2013-12-12JS Promise axios 請求結(jié)果后面的.then() 是什么意思
本文主要介紹了JS Promise axios 請求結(jié)果后面的 .then() 是什么意思,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-01-01微信小程序性能優(yōu)化之checkSession的使用
這篇文章主要介紹了微信小程序性能優(yōu)化之checkSession的使用,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2019-03-03