Javascript Dynamic Script Loading IE problèmes

Je suis en train de charger dynamiquement script avec ce code:

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);

J'ai besoin de lancer crtGridRicPrdo() de la fonction lorsque la page commence, et dans FireFox, tout fonctionne très bien mais dans Internet Explorer j'ai un problèmes de!

Qui version de IE avez-vous utilisé?
Quels sont les problèmes que vous avez avec IE ? Est-il un message d'erreur? Besoin de plus de détails.
IE 7 et pas d'afficher le message d'erreur mais pas la fonction de charge de!

OriginalL'auteur Marco | 2011-07-04

javascript

8

Internet explorer ne prend pas en charge le "onload" sur les balises de script, au lieu de cela, il offre le "onreadystatechange" (de même pour un objet xhr). Vous pouvez le vérifier son état de cette façon:
```
script.onreadystatechange = function () {
   if (this.readyState == 'complete' || this.readyState == 'loaded') {
     crtGridRicProd();
   }
};
```
sinon, vous pouvez appeler crtGridRicProd() à la fin de votre fichier js

MODIFIER

exemple:

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>
```
vous verrez l'alerte dans les deux navigateur!

j'ai essayer avec cela, mais fonctionne pas pour moi, aussi Firefox fonctionne pas et withouts afficher le message d'erreur
suivre mon exemple 😉
j'ai essayer mais pas de travail pour moi! comment peut remplacer ce pour IE: script.setAttribute("onload", "crtGridRicProd();"); ?? MERCI
Je ne comprends pas pourquoi êtes-vous toujours à l'aide de setAttribute(), il suffit de fixer les gestionnaires comme je l'ai montré dans mon exemple, et bien évidemment remplacer le "test()" avec "crtGridRicProd()"... il FAUT que ça marche!
IE8 ne renvoie readyState = = "complète", mais "chargé". Sinon fonctionne très bien, merci

OriginalL'auteur daveoncode

- Je utiliser la commande suivante pour charger les scripts, l'un après l'autre (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);
}

L'utiliser comme ceci:

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

Une correction dont le script inclut est le temps de latence bug de IE.

Testé: IE7, IE8, IE9, Chrome avec 2s de la latence (le sommeil)
"Une correction dont le script inclut est le temps de latence bug de IE" je ne trouve aucune info sur ce de n'importe où, pouvez-vous m'expliquer svp
Sans le ieLoadBugFix j'ai eu des problèmes tout en desservant le fichier avec un retard. La Force de Votre serveur attendre 2s avant de renvoyer le dossier à l'observer.
Combien de fois peut-il se passer? Quelles sont les chances? Je n'ai pas connu encore.
OU est-ce parce que vous êtes chargement async = false?

OriginalL'auteur czerasz

Vous êtes le chargement de script à partir de la source externe. Si vous avez besoin d'attendre jusqu'à ce qu'il charge. Vous pouvez appeler votre fonction après id terminé.

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
}

Ne fonctionne pas avec ie8

OriginalL'auteur Jayantha Lal Sirisena

0

Quand je rouge de votre code, j'ai compris que vous essayez d'ajouter un événement onload de la balise script.
```
<html>
 <head>
  <script type="text/javascript" onLoad="crtGridRicPrdo()">
   ...
  </script>
 </head>
 <body>
  ...
 </body>
</html>
```
Ce sera le résultat de votre code javascript. Pourquoi ne pas l'ajouter à la balise body?
C'est la méthode la plus classique et defnatly travail sous IE aussi. Cela permettra également de réduire votre code:
```
var bodyID = document.getElementsByTagName("body")[0];
bodyID.setAttribute("onload", "crtGridRicProd();");
```
c'est une bonne solution mais je n'ai plus de ceci:bodyID.setAttribute("onload", "crtGridRicProd();"); parce que je dois charger dynamiquement script différent pour chaque arbre de menu, cliquez sur
vous pouvez ajouter plus d'un appel de méthode. Ce que vous avez à faire est d'appeler des méthodes avec des noms différents.
oui, j'ai appeler les différents metods de différentes fichier js à chaque clic
de sorte que toute autre question?
j'ai insérer un est fichier, cliquez sur script chaque nœud, de sorte que le html montrer avant que je la vae cliquez, et je ne reçois pas défini crtGridRicProd() erreur

OriginalL'auteur reporter
0

Pour arrivions le chargement dynamique d'un js-script (ou les feuilles de style css fichier) dans internet explorer, vous devez vérifier soigneusement le chemin d'accès au fichier chargé! Le chemin devrait commencer à partir de ' / "ou"./'.

Être conscient, que IE perd parfois slash - comme, par exemple, est décrite ici:
https://olgastattest.blogspot.com/2017/08/javascript-ie.html

OriginalL'auteur Leon Rom

Vous devez vous connecter pour publier un commentaire.