已解決430363個問題，去搜搜看，總會有你想問的

Javascript:父子頁面中document ready 函數的執行順序

首頁猿問 Javascript:父子頁面中d...

Javascript:父子頁面中document ready 函數的執行順序

JavaScript

素胚勾勒不出你 2018-12-07 12:01:57

在一個Iframe中，有一個子Iframe，兩個Iframe的JS代碼中都有$(function () {})函數。根據我的觀察，子Iframe的$(function () {})函數要優先于父頁面的$(function () {})執行，這是為什么呢？另外，在父頁面中怎樣寫代碼，才能讓代碼優先于子Ifram的$(function () {})函數執行呢？謝謝。

查看完整描述

1 回答

隔江千里

TA貢獻1906條經驗獲得超10個贊

1.你的Iframe是如何創建的？（腳本動態創建，還是直接嵌入頁面）

<html>
<body>
<div id="divIframe">
<iframe src=""></iframe>
</div>
</body>
</html>

上面這種方法，子Iframe加載都屬于當前頁面（Iframe）的一“渲染過程”，所以，你在

當前頁面ready中寫代碼，要比子Iframe中的ready中寫的代碼執行要往后。

2.如果是直接嵌入，那么，子Iframe的構造還屬于父Iframe document read 之前的過程。所以，子Iframe中的ready要比父Iframe要早。

3.如果是腳本動態構造，那么父Iframe應該是比子Iframe要早

例如：

<html>
<body>
<div id="divIframe"></div>
</body>
</html>

(function(doc,$){

$(document).ready(function(){
   appendIframe();
});

function appendIframe(){
    
    // 在這里把子Iframe嵌入到父Iframe中
    var iframeParent= doc.getElementById('divIframe');
    var iframeSub=createIframe();
    iframeParent.appendChild(iframeSub);
};

function createIframe(){
    // 在這里設置子Iframe加載完畢后操作
    // 如 iframe.onload=function(){
    //     code here...
    //};
}

})(document,jQuery);

反對回復 2018-12-24

1 回答
0 關注
566 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

Javascript:父子頁面中document ready 函數的執行順序

Javascript:父子頁面中document ready 函數的執行順序

1 回答

添加回答