JQuery父页面操作iframe方法或元素

父页面html

<div class="image_content">
	<iframe scrolling="yes" id='evn' scrolling=yes name="frame0" src="./imgContent.html"></iframe>
</div>

1、使用两种方式操作iframe中的元素。原理是跟jquery获取对象是一样的，只不过是先获取了iframe元素，然后在对iframe的内容再次进行操作。

var str = $(window.frames["iframe"].document).find("#ev").html(); 

var stk = $("#iframe").contents().find("#ev").html();

2、操作父界面中的元素（header：为某个元素的id）。这个就很基本了，也写上吧。跟做父页面跳转是一样的，父页面跳转是window.parent.loaction.href = url;这个就是把父页面元素获取，然后继续操作。道理是一样的。

$('#header', parent.document).text();

window.parent.$("#header").text();

3、js使用两种方式调用iframe中的js函数。dom方式

window.frames["ev"].window.testIframe2("ev"); 

document.getElementById("ev").contentWindow.testIframe2("ev");

4、jquery调用iframe的js函数（带参数的会有返回值）

$("#ev")[0].contentWindow.testIframe2("ev");

5. 调用父页面js函数，直接用：

parent.myFunction();

最后，必须特别注意的一点，也是很关键的一点：就是：不能跨域，也就是讲：父页面跟要和所包含的iframe属于同一个域名下。