iframe子父頁面調(diào)用js函數(shù)示例

2019-11-20 21:45:44

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

1、iframe子頁面調(diào)用父頁面js函數(shù)

子頁面調(diào)用父頁面函數(shù)只需要寫上window.praent就可以了。比如調(diào)用a()函數(shù)，就寫成：

復(fù)制代碼代碼如下:

window.parent.a();

子頁面取父頁面中的標(biāo)簽中的值，比如該標(biāo)簽的id為“test”,則：

復(fù)制代碼代碼如下:

 
window.parent.document.getElementById("test").value; 

jQuery方法為： 

$(window.parent.document).contents().find("test").val();

但是我在chrome瀏覽器下卻發(fā)現(xiàn)此方法無效了！查了半天才了解，在chrome 5+中，window.parent無法在file://協(xié)議中運(yùn)行，但是發(fā)布了之后http://協(xié)議下是可以運(yùn)行的。此方法支持ie、firefox瀏覽器。

2、iframe父頁面調(diào)用子頁面js函數(shù)

復(fù)制代碼代碼如下:

 
這個(gè)就稍微復(fù)雜一些，下面的方法支持ie和firefox瀏覽器： 

document.getElementById('ifrtest').contentWindow.b(); 

子頁面取父頁面中的標(biāo)簽中的值，比如該標(biāo)簽的id為“test”,則： 

document.getElementById("test").value;

注：ifrtest是iframe框架的id，b()為子頁面js函數(shù)。contentWindow屬性是指定的frame或者iframe所在的window對(duì)象，IE下可以省略。

上一篇：jqueyr判斷checkbox組的選中(示例代碼)

下一篇：Jquery通過Ajax方式來提交Form表單的具體實(shí)現(xiàn)