前臺自動更新進度條js 2

時間 2019-12-19

原文原文鏈接

<BODY>

<div id="frameprogrssBar" align="center">
<img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" /> loading...
</div>

<iframe id="framecontent" src=http://hi.baidu.com/java513 width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0">
</iframe>
<script type="text/javascript">
startload(document.getElementById("frameprogrssBar"),document.getElementById("framecontent"))
function startload(loadstr,iframestr){
var loadstr=loadstr;
var iframestr=iframestr;
loadstr.style.display ="block";//顯示進度條
iframestr.style.display ="none";//隱藏數據

if (window.ActiveXObject){
iframestr.onreadystatechange=function (){
if(this.readyState=="complete"){// 解釋：一個iframe加載完畢的狀態是complete,就象xmlhttp裏的那個==4同樣,這些都是規定的
   loadstr.innerHTML="load complete!";
   loadstr.style.display="none";
   iframestr.style.display="block";
}
}
}else{
iframestr.style.display ="block";//隱藏
loadstr.style.display ="none";//顯示
}

}
</script>
</BODY>javascript

相關標籤/搜索