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