jQuery 父iframe與子iframe 相互調用傳值


來自: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");


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM