來源：http://www.cnblogs.com/micheng11/archive/2009/03/31/1425883.html

?

iframe加載內(nèi)容頁實現(xiàn)LOADING效果，即iframe加載的內(nèi)容完全下載完后現(xiàn)顯示出來。LOADING消失

?

FF不支持。。。

< div? id ="load" ?align ="center" >

< img? src ="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" ? /> ?loading

</ div > ? <!-- ?首先放一個div，用做loading效果? -->

< iframe? id ="demo" ?src ="http://www.****.com" ?width ="100%" ?height ="800" ?frameborder ="0" ?scrolling ="no" ?marginheight ="0" ></ iframe > ? <!-- ?src?里面放你想要的網(wǎng)頁 -->

< script? type ="text/javascript" > ?

// <![CDATA[?

var ?a? = ?document.getElementById( " demo " );?

var ?b? = ?document.getElementById( " load " );?

a.style.display? = ? " none " ;? // 隱藏?

b.style.display? = ? " block " ;? // 顯示

a.onreadystatechange? = ? function ()? {?

if ?( this .readyState == " complete " )? {? // 最近才知道的。不然也寫不出來。

// ?解釋：一個iframe加載完畢的狀態(tài)是complete,

// ?就象xmlhttp里的那個==4一樣,這些都是規(guī)定的

b.innerHTML? = ? " load?complete! " ;?

b.style.display? = ? " none " ;?

a.style.display? = ? " block " ;?

} ?

} ?

// ]]>?



</ script >

總結(jié)

以上是生活随笔為你收集整理的javscript 实现iframe加载内容页出现LOADING效果的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。