javscript 实现iframe加载内容页出现LOADING效果
2015-11-19 18:31
585 查看
<div id="load" align="center"> <img src="http://sc.cnwebshow.com/upimg/allimg/070707/01294420.gif" /> loading </div> <!-- 首先放一个div,用做loading效果 --> <iframe id="demo" src="http://www.****.com" width="100%" height="800" frameborder="0" scrolling="no" marginheight="0"></iframe> <!-- src 里面放你想要的网页--> <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>
iframe加载内容页实现LOADING效果,即iframe加载的内容完全下载完后现显示出来。LOADING消失
相关文章推荐
- jQuery高级事件
- Filtering F4 Help Values in Table Control, Based On Other Field Value
- top free vmstat
- wamp设置mysql编码格式
- ios 那些不能错过的Xcode插件
- JS碰到一个坑啊,跳不过去
- 学习Hadoop中的几个问题
- 【游戏随机系统模拟】随机位置随机长度的固定文本
- 当数据达到2000或者等待5秒后再次运行
- Webdriver - Firefox 设置地理位置信息相关测试
- 万能适配器 CommonAdapter
- iOS半透明效果(转)
- 一个最简单的try catch
- array.xml的定义及调用
- js数组求和
- ViewPagerIndicator中 TabPageIndicator的遇到的问题
- Android应用打包安装过程(Run as Android Application )
- iOS---NSUserDefaults插入报错attempt to insert non-property list object
- 【leetcode】【91.6】【M】Sum Root to Leaf Numbers
- 【转】redis配置认证密码