iframe子父頁面呼叫js函數範例_javascript技巧

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下可以省略。