2010-12-23 20:09 使用jquery获取iframe加载完成事件
来源：互联网 发布：软件行业的职位 编辑：程序博客网 时间：2024/05/12 08:13
使用jquery获取iframe加载完成事件
今天在项目中，用ajax去后台去数据列表，然后显示数据列表；同时，把数据中课程总时间和已经学习的时间总时长。把数据给一个iframe，这个iframe中用amcharts 显示矩形图和饼形图。 但是这个iframe一直不刷新。
参考一下的代码，在给iframe的src赋值后，要等iframe的load事件完成后，在做一点小动作就可以了。（给页面的一个隐藏变量赋值。）
转载自： http://www.streamcave.com/article/javascript/201008/jquery_iframe_load.html
网页中的iframe加载完成后，希望做一些工作。比如在iframe内容改变前在某处显示"正在加载"，在加载完成后，显示内容改为"加载完成"。那么该怎么处理呢？
在jquery中iframe加载完成事件为load，而不是ready
<html>
<head>
<meta http-equiv="contentType" content="text/html;charset=utf-8">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.js"></script>
<script>
$(function(){
$("#phone").change(function(){
$("#message").text("正在加载..");
$("#theone").attr("src",$(this).val());
});
$("#theone").load(function(){
$("#message").text("");
});
});
</script>
</head>
<body>
<select id="phone">
<option value="http://www.google.com.hk/">any one</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153427683.jpg">htc dream</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153454306.jpg">htc magic</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153453524.jpg">htc hero</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153464400.jpg">htc hattoo</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153483133.jpg">nexus one</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153485258.jpg">htc legend</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153510582.jpg">htc desire</option>
<option value="http://www.streamcave.com/upload/2010/8/201008251153532800.jpg">motorola milestone</option>
</select>
<span id="message" style="color:green"></span>
<hr/>
<iframe id="theone" src="" width="600" height="700"></iframe>
</body>
</html>
- 2010-12-23 20:09 使用jquery获取iframe加载完成事件
- 使用jquery获取iframe加载完成事件
- 使用jquery获取iframe加载完成事件
- [JavaScript]使用jquery获取iframe加载完成事件
- iframe加载完成事件
- jQuery-iframe加载完成后触发的事件监听
- IFrame 加载网页完成事件
- IFrame 加载网页完成事件
- IFrame 加载网页完成事件
- javascript监听iframe加载完成事件
- 判断iframe加载完成的事件
- JQuery判断子iframe加载完成解决方案
- 判断 iframe 加载完成 获取其内容
- jQuery学习--jQuery页面加载完成事件
- 图片加载完成事件(jQuery插件)
- JQuery页面加载完成后执行事件
- JQuery判断子Iframe 加载完成的技术解决
- JQuery判断子iframe何时加载完成解决方案
- 离线安装SDK
- 如何不继承TabActivity实现tabhost布局
- 表数据和索引数据分开独立表空间存储优点
- android ics SystemUI详解
- 大型互联网站解决海量数据的常见策略
- 2010-12-23 20:09 使用jquery获取iframe加载完成事件
- const和static readonly区别
- 浮华沧桑的伤感完美日志发布：有伤痕，才算完美
- js 清空上传组件路径值
- INTEL 9502CX4 万兆网卡测试结果和注意事项
- linux内核导出符号
- Win8，微软的救赎吗？
- 转: 基于Qt的GPS导航系统软件源代码
- 大端小端（Big- Endian和Little-Endian）
