Обработчик onload для тега script в Internet Explorer - PullRequest
Новая
       1

Обработчик onload для тега script в Internet Explorer

49 голосов
/ 31 января 2011

Я использовал эту функцию , чтобы прикрепить обработчик загрузки к тегу скрипта. Похоже, что это рекомендуемый способ через Интернет.
Тем не менее, он не работает в Internet Explorer, если страница уже загружена (проверено, например, в 8). Вы можете видеть, что он работает в обычных браузерах (выдает предупреждение при загрузке скрипта).

Я что-то упустил?
Спасибо

Ответы [ 2 ]

87 голосов
/ 31 января 2011

Вы должны позвонить jQuery.getScript, который делает именно то, что вы ищете.

РЕДАКТИРОВАТЬ : Вот соответствующий исходный код из jQuery: 

var head = document.getElementsByTagName("head")[0] || document.documentElement;
var script = document.createElement("script");
if ( s.scriptCharset ) {
    script.charset = s.scriptCharset;
}
script.src = s.url;

// Handle Script loading
    var done = false;

// Attach handlers for all browsers
script.onload = script.onreadystatechange = function() {
    if ( !done && (!this.readyState ||
            this.readyState === "loaded" || this.readyState === "complete") ) {
        done = true;
        jQuery.handleSuccess( s, xhr, status, data );
        jQuery.handleComplete( s, xhr, status, data );

        // Handle memory leak in IE
        script.onload = script.onreadystatechange = null;
        if ( head && script.parentNode ) {
            head.removeChild( script );
        }
    }
};

// Use insertBefore instead of appendChild  to circumvent an IE6 bug.
// This arises when a base node is used (#2709 and #4378).
head.insertBefore( script, head.firstChild );
10 голосов
/ 15 марта 2013

У меня также были проблемы с script.onload = runFunction;в IE8.

я пробовал jQuery.getScript, и он отлично работал для моих нужд.Единственным недостатком является необходимость загрузки jQuery перед добавлением в скрипт.

Однако, так как мои функции обратного вызова в любом случае очень сильно используют jQuery, я нахожу это чрезвычайно приемлемым и очень незначительным недостатком, поскольку он создает очень простое в использовании кросс-браузерное решение.

Обновление:

Вот способ сделать это без использования jQuery:

(модифицированное решение из: https://stackoverflow.com/a/13031185/1339954)

var url = 'http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js';
var headID = document.getElementsByTagName("head")[0];
var script = document.createElement('script');
script.type='text/javascript';
script.src=url;

//for nonIE browsers
script.onload=function(){
        addVideo();
    }

 //for IE Browsers
 ieLoadBugFix(script, function(){
     addVideo();}
 );

function ieLoadBugFix(scriptElement, callback){
        if (scriptElement.readyState=='loaded' || scriptElement.readyState=='completed') {
             callback();
         }else {
             setTimeout(function() {ieLoadBugFix(scriptElement, callback); }, 100);
         }


 }

headID.appendChild(script);
...