使用jquery获取iframe加载完成事件
2013-04-02 23:03
309 查看
plaincopy
网页中的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>
相关文章推荐
- 使用jquery获取iframe加载完成事件
- 2010-12-23 20:09 使用jquery获取iframe加载完成事件
- [JavaScript]使用jquery获取iframe加载完成事件
- jQuery-iframe加载完成后触发的事件监听
- iframe 加载完成事件
- 如何使用jQuery的class标签器隐藏iframe内加载的div元素,
- iframe 加载完成事件
- jquery获取获取this出错、与键盘事件结合使用出现问题
- 判断iframe加载完成的事件
- jquery如何在页面加载完成后模拟出一个鼠标点击事件?
- jquery 加载时能用,加载完成后不能使用或报错
- javascript监听iframe加载完成事件
- H5 video 标签 播放事件 视频加载完成事件 获取视频播放进度时间
- jquery获取iframe里的js事件
- Query学习--jQuery页面加载完成事件
- 基于MFC的Microsoft Web Browser ActiveX,IWebBrowser2的类封装和含有Iframe框架网页加载完成进度的检测,事件响应
- JQuery页面加载完成后执行事件
- 使用jquery/js获取iframe父子级、同级获取元素的方法
- IFrame 加载网页完成事件
- jquery初学完成tap标签+iframe前端页面的点击切换事件