JavaScript 和 Jquery 操作 iframe

使用 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是可以相互调用的。关于如何相互调用在找资料吧！