IFrame 加载网页完成事件
2016-03-28 13:42
573 查看
今天,需要用到IFrame, 且用法比较特别,两个IFrame在同一个网页上,且需要加载完成一个IFrame后,才开始加载令一个IFrame,所以用到了IFrame加载完成的方法。把网上的资料整理如下:
Html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
var iframe;
function load() {
iframe = document.getElementById("iframe");
iframe. onload = iframe. onreadystatechange = iframeload;
iframe.src = "http://www.baidu.com";
}
function iframeload() {
if (!iframe.readyState || iframe.readyState == "complete") {
alert("Local iframe is now loaded.");
}
}
</script>
</head>
<body onload="load()">
<iframe id="iframe"></iframe>
</body>
</html>
Html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script type="text/javascript">
var iframe;
function load() {
iframe = document.getElementById("iframe");
iframe. onload = iframe. onreadystatechange = iframeload;
iframe.src = "http://www.baidu.com";
}
function iframeload() {
if (!iframe.readyState || iframe.readyState == "complete") {
alert("Local iframe is now loaded.");
}
}
</script>
</head>
<body onload="load()">
<iframe id="iframe"></iframe>
</body>
</html>
相关文章推荐
- 设计模式(十三)代理模式(Proxy Pattern)
- 如何优雅的管理ActionBar
- oracle安装数据库
- linux kernel read write file 读写文件
- 使用GitHub Pages + Hexo 快速搭建个性化博客(六)-站点SEO优化
- Windows下使用breakpad进行崩溃DUMP收集与分析
- Android开发之ListView实现不同品种分类分隔栏的效果(非ExpandableListView实现)
- 第五周实践项目3————时间类(1)
- Cocos2d-x LoadingBar(进度条)的使用
- 在Archive项目 时,出现了UUID报错
- Linux信号函数
- iOS 中Block的正确使用避免循环引用和Crash
- 【Android实战】基于RxJava和Retrofit的登录注册(包含客户端和服务器端代码)
- Caffe代码导读(1):Protobuf例子
- sqlserver 导入数据
- 同一按钮实现不同事件,即可传入不同参数实现不同处理事件
- 【LeetCode编程学习(C语言)】1.Two Sum
- 设计模式系列之五:代理模式
- T4 Templates and the Entity Framework
- WIN8+VS2013编写发布WCF之一(编写)