簡單介紹jQuery中父iframe與子iframe之間互相呼叫與傳值的方法

這篇文章帶給大家的內容是關於簡單介紹jQuery中父iframe與子iframe之間相互調用與傳值的方法，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。

父頁中的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() 方法:php中文網路上有介紹
       ID  #sunP 是子iframe中的input的id;

#3.子iframe呼叫父iframe中的input的id;

#3.子的方法

    window.parent.daoYo("asdadasds");

 
     window.parent 直接調用window對象的parent

     daoYo("asdadasds"); 父頁面的方法名,可傳參數;

4,  子iframe 修改父iframe標籤中的資料:如修改父iframe中的input的值.

        這就不用說了.

       window.parent.$("#button3").text("ssssssssssss");

相關建議：

#iframe子、父頁面域內及跨域通訊實例

#父頁面iframe高度自動適應子頁面iframe高度_html/css_WEB-ITnose

###jquery、js呼叫iframe父視窗與子視窗元素的方法整理_jquery######

以上是簡單介紹jQuery中父iframe與子iframe之間互相呼叫與傳值的方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！