來自:https://blog.csdn.net/wd4871/article/details/50517597 侵刪 父頁面中的iframe :如下 <iframe name="sunPage" id="sunPage" src="sun.html" width="300px" height="a ...
來自:https://blog.csdn.net/wd4871/article/details/50517597 侵刪
父頁面中的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() 方法: http://www.w3school.com.cn/jquery/traversing_contents.asp 介紹
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");