zoukankan      html  css  js  c++  java
  • javscript 实现iframe加载内容页出现Loading效果

     <iframe src="http://www.baidu.com" frameborder="0" marginheight="0" marginwidth="0"
    scrolling
    ="auto" width="100%" height="100px" id="alarmframe" onreadystatechange="stateChangeIE(this)"
    style
    ="display: none" onload="stateChangeFirefox(this)"></iframe>
    <div id="LoadDiv" align="center">
    <img src="http://www.cnblogs.com/Repository/Image/Loading.gif" />
    </div>
    <script type="text/javascript">
    function stateChangeIE(_frame) {
    if (_frame.readyState == "complete")//state: loading, interactive, complete
    {
    var loader = document.getElementById("LoadDiv");
    //loader.innerHTML = "加载中";
    loader.style.display = "none";
    _frame.style.visibility
    = "visible";
    _frame.style.display
    = "block"
    }
    }
    function stateChangeFirefox(_frame) {
    var loader = document.getElementById("LoadDiv");
    //loader.innerHTML = "加载中";
    loader.style.display = "none";
    _frame.style.visibility
    = "visible";
    _frame.style.display
    = "block"
    }
    // alarmframe.location.href = "http://www.baidu.com";
    </script>

      

  • 相关阅读:
    我要变牛逼
    java web
    导师选择
    2.1进程
    来到博客园写东西的第一天
    简单的页面布局
    html5
    第一个servlet程序
    java2D
    字节流 文件字节流 缓冲字节流
  • 原文地址:https://www.cnblogs.com/yannis/p/2140169.html
Copyright © 2011-2022 走看看