iframe與父頁面中JS執行順序控制

2022-08-30 11:00:13 字數 369 閱讀 8025

同事遇到了乙個問題:

父頁面中有幾個iframe,初衷是父頁面的js通過ajax獲取資料,然後用於初始化iframe頁面,可以結果卻是有的iframe頁面卻不能獲得資料。

【問題根源】

父頁面在載入iframe的時候,也會執行js**,二者執行完成先後順序並不可控,而iframe卻要使用js獲取的資料,導致在iframe初始化時,沒有得到資料,也就無法初始化iframe頁面了。

【解決辦法】

html**中,iframe的src屬性不賦值。父頁面的js在ajax請求成功之後,再為iframe的src屬性賦值,iframe會自動載入。

iframe賦值src**:$("#iframeid").attr("src","srcurl");

iframe子頁面與父頁面js通訊

父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.parentmethod 獲取到頁面的window.document物件後,即可訪問dom元素 注意事項 要確保在iframe載入完成後再進行操作,如果iframe還未載...

iframe子頁面與父頁面js通訊方式

iframe框架中的頁面與主頁面之間的通訊方式根據iframe中src屬性是同域鏈結還是跨域鏈結,有明顯不同的通訊方式,同域下的資料交換和dom元素互訪就簡單的多了,而跨域的則需要一些巧妙的方式來實現通訊。父頁面 parent.html 子頁面 child.html 如上面示例所示父頁面呼叫子頁面的...

js之iframe子頁面與父頁面通訊

iframe子頁面與父頁面通訊根據iframe中src屬性是同域鏈結還是跨域鏈結,通訊方式也不同。父頁面parent.html 子頁面child.html 方法呼叫 父頁面呼叫子頁面方法 framename.window.childmethod 子頁面呼叫父頁面方法 parent.window.pa...