使用Jquery操作iframe中的元素
2016-03-08 00:00
609 查看
前几天,在原有功能上追加功能,jsp页面是已经存在了的,通过jquery获取元素总是获取不到,很奇怪,所以就仔细的看看了看jsp,原来那段代码是iframe里面的,虽然经常用jquery,但我一开始还真不知道iframe里面的东西,按照我们通常的方式取不到,所以查了下发现,jquery里面有个这个方法contents()。
下面直接贴下简单的代码示例:
另外这里说一下,iframe的src的地址必须是当前站点域名内的才能够被访问到,否在的话是访问不到的,比如下面这种情况。
访问百度,因为跨域名,所以根本不可能得到任何内容。
还有一点需要注意,如果你要获取iframe中的元素,那么必须使用window.onload,必须是这个页面加载完后执行,一定不能是页面初始化,这一点切记,其实大家自己也可以分析…当前页面的初始化结束了,并不代表iframe页面的初始化也结束了》。。所以你要获取的元素可能还没有被初始化出来呢…自然也就得不到什么东西了….
下面直接贴下简单的代码示例:
<iframe src="/test/demo.htm" width="99%" height="300" id="frameTHY"></iframe> <script> window.onload = function() { $( "#frameTHY" ).contents().find( "a" ).css( "background-color", "red" ); }; </script>
另外这里说一下,iframe的src的地址必须是当前站点域名内的才能够被访问到,否在的话是访问不到的,比如下面这种情况。
<iframe src="www.baidu.com" width="99%" height="300" id="frameTHY"></iframe> <script> window.onload = function() { $( "#frameTHY" ).contents().find( "a" ).css( "background-color", "red" ); }; </script>
访问百度,因为跨域名,所以根本不可能得到任何内容。
还有一点需要注意,如果你要获取iframe中的元素,那么必须使用window.onload,必须是这个页面加载完后执行,一定不能是页面初始化,这一点切记,其实大家自己也可以分析…当前页面的初始化结束了,并不代表iframe页面的初始化也结束了》。。所以你要获取的元素可能还没有被初始化出来呢…自然也就得不到什么东西了….
相关文章推荐
- Jquery - 基础知识(待整理)
- jQuery.data方法
- 2.1jQuery 选择器
- jQuery 遍历函数
- 第5章 jQuery之事件
- 延迟jquery,ready事件触发的时间
- 第4章 jQuery之dom操作
- 第3章 jQuery之选择器
- 第2章 jQuery之基础核心
- jQuery代码优化:事件委托
- 必须学会使用的35个Jquery小技巧
- jQuery和js 获取父级元素、子级元素、兄弟元素方法
- jQuery.extend和jQuery.fn.extend的区别
- jquery append执行script脚本
- jQuery 读取 JSONArray 的方法
- jQuery、PHP上传图片
- jQuery、PHP上传图片
- 10款无限滚动自动翻页jquery插件
- jquery mobile 入门5 (预加载与缓存页面)
- jquery的val()的简单使用(个人总结)