父页面中的iframe
<iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="auto"></iframe>
1 父iframe 调用子iframe的方法
$("#sunPage")[0].contentWindow.sunMethod();
contentWindow 对象可以获取子iframe的window对象,兼容所有浏览器。
sunMethod() 这是子iframe中的方法名。
如果iframe的id不知道,比如用jbox 的open方法打开一个ifram.可以借助jquery的find方法找到iframe节点。如:
$(selector).find("iframe")[0].contentWondow.sunMethod();
2 父iframe 修改子iframe标签中的数据:如修改子iframe中的input的值
$('#sunPage').contents().find("#sunP").text("dsssssdd");
jQuery contents() 方法:
ID #sunP 是子iframe中的input的id;
3 子iframe调用父iframe中的方法
window.parent.daoYo("asdadasds");
window.parent 直接调用window对象的parent
daoYo(“asdadasds”); 父页面的方法名,可传参数;
4 子iframe 修改父iframe标签中的数据:如修改父iframe中的input的值
window.parent.$("#button3").text("ssssssssssss");
本文详细介绍了iframe之间的交互技巧,包括父页面调用子iframe的方法、修改子iframe内元素数据,以及子iframe如何调用父页面的方法和修改父页面元素。主要涉及window.parent对象和contentWindow属性的使用,适用于前端开发中不同页面间的数据传递和功能调用。
4040

被折叠的 条评论
为什么被折叠?



