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方法無效了！查了半天才了解，在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函數範例相關文章請關注PHP中文網！