前台自动更新进度条js 2

最新推荐文章于 2024-08-31 21:39:38 发布

weixin_34029949

最新推荐文章于 2024-08-31 21:39:38 发布

阅读量63

点赞数

文章标签： python javascript ViewUI

原文链接：https://my.oschina.net/u/1035715/blog/223915

版权

2019独角兽企业重金招聘Python工程师标准>>>

<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>