javascript之解決IE下不渲染的bug
更新時(shí)間：2007年06月29日 00:00:00 作者：
有時(shí)候，你會(huì)發(fā)現(xiàn)，在一些JS應(yīng)用中，涉及到CSS的重新渲染（即頁(yè)面樣式需要更新）的話，IE死活不變。
此時(shí)你需要讓IE重新渲染一下：
function handleIEhasLayout(){
//trigger re-rendering
document.body.style.zoom = 1.1;
//restore it
document.body.style.zoom = '';
}
有問題，記得執(zhí)行一下handleIEhasLayout，萬(wàn)事OK。
原文：http://realazy.org/blog/2007/04/02/ie-haslayout-rerendering/
引用
IE5 似乎沒有這個(gè)問題，IE6 有，我的 IE7 還是 beta2，版本號(hào)是 7.0.5346.5，也沒有這個(gè)問題，一個(gè)朋友用的 beta3 版本號(hào)是 7.0.5450.4 居然說也有問題，我沒有測(cè)試，用這個(gè)版本 IE 的朋友可以幫忙看看。
Dnew.cn 注：用這段代碼似乎更好一些：
function reflow(){
var b = document.body;
b.style.zoom = b.style.zoom=="1"?"100%":"1";
}
使用style.zoom在某些情況下還會(huì)出現(xiàn)不能全部渲染的問題，比如頁(yè)面內(nèi)容很少，沒有占滿屏幕。
（shiweiwei97）的方法是：
document.body.style.display = “none”;
document.body.style.display = “”;
此時(shí)你需要讓IE重新渲染一下：
function handleIEhasLayout(){
//trigger re-rendering
document.body.style.zoom = 1.1;
//restore it
document.body.style.zoom = '';
}
有問題，記得執(zhí)行一下handleIEhasLayout，萬(wàn)事OK。
原文：http://realazy.org/blog/2007/04/02/ie-haslayout-rerendering/
引用
IE5 似乎沒有這個(gè)問題，IE6 有，我的 IE7 還是 beta2，版本號(hào)是 7.0.5346.5，也沒有這個(gè)問題，一個(gè)朋友用的 beta3 版本號(hào)是 7.0.5450.4 居然說也有問題，我沒有測(cè)試，用這個(gè)版本 IE 的朋友可以幫忙看看。
Dnew.cn 注：用這段代碼似乎更好一些：
function reflow(){
var b = document.body;
b.style.zoom = b.style.zoom=="1"?"100%":"1";
}
使用style.zoom在某些情況下還會(huì)出現(xiàn)不能全部渲染的問題，比如頁(yè)面內(nèi)容很少，沒有占滿屏幕。
（shiweiwei97）的方法是：
document.body.style.display = “none”;
document.body.style.display = “”;
相關(guān)文章
微信小程序列表時(shí)間戳轉(zhuǎn)換實(shí)現(xiàn)過程解析
這篇文章主要介紹了微信小程序列表時(shí)間戳轉(zhuǎn)換實(shí)現(xiàn)過程解析,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-10-10
很不錯(cuò)的loading效果代碼，方便學(xué)習(xí)loading的朋友測(cè)試與學(xué)習(xí)2008-06-06
JS實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)的實(shí)例代碼
本文通過實(shí)例代碼給大家分享了基于js 實(shí)現(xiàn)移動(dòng)端整屏滑動(dòng)效果，基本思路是檢測(cè)手指滑動(dòng)方向，獲取手指抬起時(shí)的位置，減去手指按下時(shí)的位置，得正即為向下滑動(dòng)了，具體實(shí)現(xiàn)代碼大家參考下本文2017-11-11
vuex是基于vuex.js的狀態(tài)管理工具,可以把它理解為一個(gè)倉(cāng)庫(kù),下面這篇文章主要給大家介紹了關(guān)于uniapp中如何使用vuex并持久化的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2023-06-06
JavaScript實(shí)現(xiàn)定時(shí)頁(yè)面跳轉(zhuǎn)功能示例
這篇文章主要介紹了JavaScript實(shí)現(xiàn)定時(shí)頁(yè)面跳轉(zhuǎn)功能,涉及javascript結(jié)合時(shí)間函數(shù)定時(shí)觸發(fā)自定義函數(shù)功能操作技巧,需要的朋友可以參考下2017-02-02
javascript實(shí)現(xiàn)相同事件名稱，不同命名空間的調(diào)用方法
這篇文章主要介紹了javascript實(shí)現(xiàn)相同事件名稱，不同命名空間的調(diào)用方法,涉及javascript命名空間及事件調(diào)用的技巧,需要的朋友可以參考下2015-06-06
javascript中l(wèi)ayim之查找好友查找群組
這篇文章主要介紹了javascript中l(wèi)ayim之查找好友查找群組,本文給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-02-02
JavaScript數(shù)據(jù)類型轉(zhuǎn)換詳解（推薦）
眾所周知JavaScript是一門弱類型（語(yǔ)言，即變量的類型是不確定的。所以下面這篇文章主要給大家介紹了關(guān)于JavaScript數(shù)據(jù)類型轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2021-05-05
js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)支持手機(jī)滑動(dòng)切換的輪播圖片效果,實(shí)例分析了javascript實(shí)現(xiàn)圖片切換的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04
JS產(chǎn)生隨機(jī)數(shù)的用法小結(jié)
本文給大家分享js產(chǎn)生隨機(jī)數(shù)的用法小結(jié)，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起看看吧2016-12-12