iframe加载loading...

最新推荐文章于 2024-07-26 10:57:21 发布

iteye_14504

最新推荐文章于 2024-07-26 10:57:21 发布

阅读量1k

点赞数 1

分类专栏：其他文章标签： JavaScript ViewUI

本文链接：https://blog.csdn.net/iteye_14504/article/details/81691691

版权

其他专栏收录该内容

28 篇文章 0 订阅

订阅专栏

<body>
     <div      id="load" align="center">
<img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" /> loading...
     </div>                                                      
     <iframe     id="demo"      src="http://www.baidu.com/"     width="100%" height="100%" frameborder="0" scrolling="no" marginheight="0"></iframe>        
         <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加载完毕的状态是complete,
                                                                 // 就象xmlhttp里的那个==4一样,这些都是规定的...
     b.innerHTML      =      "load      complete!";
     b.style.display      =      "none";
     a.style.display      =      "block";
     }
     }
         //]]>

</script>
</body>

看了人家的代码：

               var state = this .readyState;
             if (state == " loaded " || state == " interactive " || state == " complete " ) {
               this .onreadystatechange = null ;
            b.innerHTML      =      "load      complete!";
             b.style.display      =      "none";
            a.style.display      =      "block";

}

else

{

window.setTimeout( "回调函数" , 100);

}

好象比我的要更加严密。

但我有点不懂。我的函数是这么写的 a.onreadystatechange = function() {}

那么我这个回调函数该怎么写。

看人家的代码：

function on(){
if ( window.onload )
{
alert( "page onload." );
}
else{
window.setTimeout( on, 1000);
}
}
on();

iteye_14504

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
iframe加载loading...

&lt;body&gt; &lt;div id="load" align="center"&gt;&lt;img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" /&gt;&amp;nbsp;loading... &lt;/div&gt;
复制链接

扫一扫

专栏目录