九九久久99综合一区二区,内射中出日韩无国产剧情,久久伊人蜜桃av一区二区

国产69囗曝吞精在线视频,肥臀浪妇太爽了快点再快点,亚洲欧洲成人a∨在线观看,狠狠色丁香久久综合 ,国精一二二产品无人区免费应用,亚洲精品久久久久中文字幕,四虎一区二区成人免费影院网址 ,无码三级中文字幕在线观看

iframe子頁面調用父頁面js函數

2021-7-26 前端達人

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

藍藍設計建立了UI設計分享群，每天會分享國內外的一些優秀設計，如果有興趣的話，可以進入一起成長學習，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作，也請與我們聯系。