iframe呼叫父頁面js函式 方法 元素

2022-03-26 01:01:56 字數 721 閱讀 4964

在乙個頁面中新增iframe,但是有時需要與父頁面進行通訊,傳遞引數。 網上總結有以下方法:

一、iframe標籤中   src屬性傳參   

通過get方法,新增在頁面後面傳遞引數,如上的「id」

二、iframe呼叫父頁面html元素

在iframe中,通過「window.parent.document.getelementbyid()」,即可訪問父頁面中的元素

三、iframe呼叫父頁面函式

window.parent.「函式名」例如  window.parent.test(),當然前提是父頁面中有test()函式;

四、在父頁面中呼叫iframe

1、window.frames."函式名"frames返回是父頁面包含所有frame的陣列,可以通過window.frames[名稱]來呼叫名稱對應的iframe;

2、直接"frame名稱」.window."函式名"

注意事項

要確保在iframe載入完成後再進行操作,如果iframe還未載入完成就開始呼叫裡面的方法或變數,會產生錯誤。判斷iframe是否載入完成有兩種方法:

1. iframe上用onload事件

2. 用document.readystate=="complete"來判斷

iframe頁面與父頁面函式之間的呼叫

iframe元素 1.呼叫iframe框架裡的函式 var ifr document.getelementbyid iframe標籤id var iframe ifr.window ifr.contentwindow iframe.a a 方法即為iframe框架中的方法 2.iframe框架裡的函...

js呼叫父框架函式與彈窗呼叫父頁面函式的方法

呼叫父級中的 aaa的函式 子頁面中 nclick window.parent.frames.aaa 父頁面中 function aaa frame框架裡的頁面要改其他同框架下的頁面或父框架的頁面就用parent window.opener引用的是window.open開啟的頁面的父頁面。windo...

iframe子父頁面間js的相互呼叫

iframe子頁面呼叫父頁面js函式及iframe父頁面呼叫子頁面js函式在實際專案中都是很實用的,下面有個不錯的示例,感興趣的朋友可以了解下 1 iframe子頁面呼叫父頁面js函式 子頁面呼叫父頁面函式只需要寫上window.praent就可以了。比如呼叫a 函式,就寫成 複製 如下 windo...