Как подождать, когда узел скрипта завершит загрузку?

Question

В JavaScript, я вставив <script tag> в IFRAME, как это:

var iframe = document.getElementById('iframe'); 
var doc= iframe.contentWindow.document.getElementsByTagName('head')[0]; 

var jquery = document.createElement("script"); 
jquery.type = "text/javascript"; 
jquery.src = "jquery-1.9.1.min.js"; 

var script = document.createElement("script"); 
script.type = "text/javascript"; 
script.src = "blah.js"; 

doc.appendChild(jquery); 
doc.appendChild(script); 

Однако есть JQuery код в blah.js, а иногда этот скрипт не потому, что скрипт JQuery не закончил загрузку еще. Есть ли способ подождать, пока он закончит загрузку?

Спасибо.

Answer 1

Добавить обратный вызов в конце первого скрипта.

в конце jquery.js:

if (window.jqueryLoaded) 
    window.jqueryLoaded(); 

в вашем коде:

// create the function that will be called once jquery finishes loading 
function jqueryLoaded() 
{ 
    doc.appendChild(blah); 
} 

// load jquery 
doc.appendChild(jquery); 

Альтернатива (на самом деле не рекомендуется) способом с помощью таймера, если вы не можете изменить JQuery. JS файл:

var checkjQuery = window.setInterval(function() { 
    if (!window.jQuery) 
     return; 
    window.clearInterval(checkjQuery); 

    window.jqueryLoaded(); 
}, 10); 

Answer 2

ключ использовать script.onload = functionName; с исправлением для IE8. См. https://stackoverflow.com/a/15437678/2227298 для полного кода.

После загрузки jQuery вы можете использовать jQuery.getScript с параметром успеха.