iframe子頁面呼叫父頁面js函式及iframe父頁面呼叫子頁面js函式在實際專案中都是很實用的，下面有個不錯的示例，感興趣的朋友可以了解下
1、iframe子頁面呼叫父頁面js函式
子頁面呼叫父頁面函式只需要寫上window.praent就可以了。比如呼叫a()函式，就寫成：
複製**
**如下:
window.parent.a();
子頁面取父頁面中的標籤中的值，比如該標籤的id為「test」,則：
複製**
**如下:
window.parent.document.getelementbyid("test").value;
jquery方法為：
$(window.parent.document).contents().find("test").val();
但是我在chrome瀏覽器下卻發現此方法無效了！查了半天才了解，在chrome 5+中，window.parent無法在file://協議中執行，但是發布了之後http://協議下是可以執行的。此方法支援ie、firefox瀏覽器。
2、iframe父頁面呼叫子頁面js函式
複製**
**如下:
這個就稍微複雜一些，下面的方法支援ie和firefox瀏覽器：
document.getelementbyid('ifrtest').contentwindow.b();
子頁面取父頁面中的標籤中的值，比如該標籤的id為「test」,則：
document.getelementbyid("test").value;
注：ifrtest是iframe框架的id，b()為子頁面js函式。contentwindow屬性是指定的frame或者iframe所在的window物件，ie下可以省略。
iframe子頁面與父頁面js通訊
父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.parentmethod 獲取到頁面的window.document物件後，即可訪問dom元素 注意事項 要確保在iframe載入完成後再進行操作，如果iframe還未載...
iframe子頁面與父頁面js通訊方式
iframe框架中的頁面與主頁面之間的通訊方式根據iframe中src屬性是同域鏈結還是跨域鏈結，有明顯不同的通訊方式，同域下的資料交換和dom元素互訪就簡單的多了，而跨域的則需要一些巧妙的方式來實現通訊。父頁面 parent.html 子頁面 child.html 如上面示例所示父頁面呼叫子頁面的...
js之iframe子頁面與父頁面通訊
iframe子頁面與父頁面通訊根據iframe中src屬性是同域鏈結還是跨域鏈結，通訊方式也不同。父頁面parent.html 子頁面child.html 方法呼叫 父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.pa...