IFrame 加载网页完成事件
2016-01-28 14:32
387 查看
今天,需要用到IFrame, 且用法比较特别,两个IFrame在同一个网页上,且需要加载完成一个IFrame后,才开始加载令一个IFrame,所以用到了IFrame加载完成的方法。把网上的资料整理如下:
<!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>
<!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>
相关文章推荐
- iOS发布APP到APPstore
- window.onload与$(document).ready()对比
- Java删除ArrayList中的重复元素的2种方法
- 数据库水平拆分和垂直拆分区别(以mysql为例)
- [HDU1231]最大连续子序列
- Nature重磅:Hinton、LeCun、Bengio三巨头权威科普深度学习
- js event 2
- var str = "1,21,".TrimEnd(',');
- AutoLayout框架Masonry使用心得
- Linux学习之CentOS(二十二)--单用户模式下修改Root用户的密码
- linux之fstab文件详解
- 使用xFire调用Webservice接口
- 【Linux】【驱动】MTD分区表信息解析方法分析
- 给 App 提速:Android 性能优化总结
- C++面试(七)
- safari打不开该网页,因为网址无效
- bat批处理笔记——删除指定类型文件示例
- Android Design Support Library常用控件(下)
- Spring MVC +Mybatis + Maven 配置之pom.xml配置
- Spark Sql性能测试及调优