伊人久久大香线蕉综合影视_日韩精品少妇无码受不了_71pao成人国产永久免费视频_国产伦片中文免费观看_国产高清无码麻豆精品_九色综合伊人久久富二代_日韩黄色精品_日韩A∨精品日韩精品无码

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

2021-7-26 前端達(dá)人

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é)議中運行，但是發(fā)布了之后http://協(xié)議下是可以運行的。此方法支持ie、firefox瀏覽器。

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

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

    
這個就稍微復(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對象，IE下可以省略。

藍(lán)藍(lán)設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進(jìn)入一起成長學(xué)習(xí)，請掃碼藍(lán)小助，報下信息，藍(lán)小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。