Javascript Dynamic Script Загрузка IE проблемы

Question

Javascript Dynamic Script Загрузка IE проблемы

Я пытаюсь динамически загрузить скрипт с этим кодом:

var headID = document.getElementsByTagName("head")[0]; 
var script = document.createElement('script'); 
script.type='text/javascript'; 
script.src="js/ordini/ImmOrd.js"; 
script.setAttribute("onload", "crtGridRicProd();");                       
headID.appendChild(script);

Мне нужно запустить функцию crtGridRicPrdo() при запуске страницы, и в FireFox все работает нормально, но в Internet Explorer у меня проблемы!

4

javascript

Источник

user827745 04 июл '11 в 08:12

5 ответов

Другие вопросы по тегам javascript

user267719 04 июл '11 в 08:26 2011-07-04 08:26 · Answer 1 · 2011-07-04 08:26

Internet Explorer не поддерживает "onload" для тегов скрипта, вместо этого он предлагает "onreadystatechange" (аналогично объекту xhr). Вы можете проверить его состояние следующим образом:

script.onreadystatechange = function () {
   if (this.readyState == 'complete' || this.readyState == 'loaded') {
     crtGridRicProd();
   }
};

в противном случае вы можете вызвать crtGridRicProd() в конце вашего файла js

РЕДАКТИРОВАТЬ

пример:

test.js:

function test() {
    alert("hello world");
};

index.html:

<!DOCTYPE html>
<html>

  <head>
    <title>test</title>
</head>
<body>
    <script>
        var head = document.getElementsByTagName("head")[0] || document.body;
        var script = document.createElement("script");

        script.src = "test.js";

        script.onreadystatechange = function () {
            if (this.readyState == 'complete' || this.readyState == 'loaded') {
                test();
            }
        };

        script.onload = function() {
            test();
        };

        head.appendChild(script);

    </script>
</body>

вы увидите предупреждение в обоих браузерах!

user325852 23 окт '12 в 13:10 2012-10-23 13:10 · Answer 2 · 2012-10-23 13:10

Я использую следующие для загрузки скриптов один за другим (async=false):

var loadScript = function(scriptUrl, afterCallback) {
            var firstScriptElement = document.getElementsByTagName('script')[0]; 
    var scriptElement = document.createElement('script');
            scriptElement.type = 'text/javascript';
            scriptElement.async = false;
            scriptElement.src = scriptUrl;

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

    if ( typeof afterCallback === "function" ) {
        if ( typeof scriptElement.addEventListener !== "undefined" ) {
            scriptElement.addEventListener("load", afterCallback, false)
        } else {
            scriptElement.onreadystatechange = function(){
                scriptElement.onreadystatechange = null;
                ieLoadBugFix(scriptElement, afterCallback);
            }
        }
    }
    firstScriptElement.parentNode.insertBefore(scriptElement, firstScriptElement);
}

Используйте это так:

loadScript('url/to/the/first/script.js', function() {
    loadScript('url/to/the/second/script.js', function() {
    // after both scripts are loaded
    });
});

Одно исправление, которое включает в себя скрипт, это ошибка задержки в IE.

user326807 04 июл '11 в 08:24 2011-07-04 08:24 · Answer 3 · 2011-07-04 08:24

Когда я читал ваш код, я понял, что вы пытаетесь добавить событие onload к тегу скрипта.

<html>
 <head>
  <script type="text/javascript" onLoad="crtGridRicPrdo()">
   ...
  </script>
 </head>
 <body>
  ...
 </body>
</html>

Это будет результатом вашего кода JavaScript. Почему бы вам не добавить его в тег body? Это классический способ, и он определенно будет работать и под IE. Это также уменьшит ваш код:

var bodyID = document.getElementsByTagName("body")[0];
bodyID.setAttribute("onload", "crtGridRicProd();");

user590278 04 июл '11 в 08:23 2011-07-04 08:23 · Answer 4 · 2011-07-04 08:23

Вы загружаете скрипт из внешнего источника. Так что нужно подождать, пока он загрузится. Вы можете вызвать свою функцию после того, как идентификатор завершен.

var headID = document.getElementsByTagName("head")[0]; 
var script = document.createElement('script'); script.type='text/javascript'; 
script.onload=scriptLoaded;
script.src="js/ordini/ImmOrd.js"; script.setAttribute("onload", "crtGridRicProd();");
headID.appendChild(script);

function scriptLoaded(){
// do your work here
}

user5752070 10 авг '17 в 11:57 2017-08-10 11:57 · Answer 5 · 2017-08-10 11:57

Для чрезмерно динамической загрузки js-скрипта (или css-файла) в IE необходимо тщательно проверить путь к загруженному файлу! Путь должен начинаться с "/" или "./".

Имейте в виду, что IE иногда теряет начальную косую черту - как, например, описано здесь: https://olgastattest.blogspot.com/2017/08/javascript-ie.html