首頁(yè) 猿問(wèn) Javascript:父子頁(yè)面中d...

Javascript:父子頁(yè)面中document ready 函數(shù)的執(zhí)行順序

JavaScript

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

在一個(gè)Iframe中，有一個(gè)子Iframe，兩個(gè)Iframe的JS代碼中都有$(function () {})函數(shù)。根據(jù)我的觀(guān)察，子Iframe的$(function () {})函數(shù)要優(yōu)先于父頁(yè)面的$(function () {})執(zhí)行，這是為什么呢？另外，在父頁(yè)面中怎樣寫(xiě)代碼，才能讓代碼優(yōu)先于子Ifram的$(function () {})函數(shù)執(zhí)行呢？謝謝。

查看完整描述

1 回答

隔江千里

TA貢獻(xiàn)1906條經(jīng)驗(yàn) 獲得超10個(gè)贊

1.你的Iframe是如何創(chuàng)建的？（腳本動(dòng)態(tài)創(chuàng)建，還是直接嵌入頁(yè)面）

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

上面這種方法，子Iframe加載都屬于當(dāng)前頁(yè)面（Iframe）的一“渲染過(guò)程”，所以，你在

當(dāng)前頁(yè)面ready中寫(xiě)代碼，要比子Iframe中的ready中寫(xiě)的代碼執(zhí)行要往后。

?

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

3.如果是腳本動(dòng)態(tài)構(gòu)造，那么父Iframe應(yīng)該是比子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(){
    // 在這里設(shè)置子Iframe加載完畢后操作
    // 如 iframe.onload=function(){
    //     code here...
    //};
}

})(document,jQuery);