前台自动更新进度条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