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