JavaScript 和 Jquery 操作 iframe

原创
2015/12/26 21:51
阅读数 269

使用 JavaScript 和 Jquery 如何操作 html标签 iframe 

JavaScript方式

1) var iframe = document.getElementById('iframe');             //  这种方式虽然能够获取 iframe 对象,但是无法获取它的属性

alert(iframe.nodeName);                                                       //  结果是 IFRAME

alert(iframe.document.getElementById('name').value);  //  运行出错,因为无法获取其属性,所以不推荐


2) var iframe = window.frames['iname'];    //这种方式是值得推荐的,因为可以访问其属性

alert(iframe.nodeName);   // 结果是undefined

alert(iframe.document.getElementById('name').value);// 运行正常,能够获取iframe中的元素对象


3)var iframe = window.frames[index];   //自然也可以,但不推荐,原因就是不和维护


Jquery方式

1)var $context = $('#iframe').contents();    // 通过ID选择器获取iframe元素,是可以获取iframe中的元素的

      alert($context.get(0).nodeName);      // #document

     alert($context.find('input[name="name"]').val());  // 获取元素的值



总结如下

iframe就是一个window,但又不同于window。当然相同的地方才是重点,这样的话我们就没必要又去学习一遍iframe了,而是迁移学习。所以我们最喜欢这样先使用iframe对象获取到document对象,然后对其文本流进行操作,相当于不同的工作空间,然而这些不同的iframe是可以相互调用的。关于如何相互调用在找资料吧!


展开阅读全文
打赏
0
11 收藏
分享
加载中
更多评论
打赏
0 评论
11 收藏
0
分享
返回顶部
顶部