Alarm oder console.log nicht von dynamisch arbeit geladen JavaScript

Question

ich die folgende Funktion verwenden dynamisch JavaScript laden:

function loadJS(file, c) 
{ 
    var jsEl = document.createElement("script"); 
    jsEl.type = "application/javascript"; 
    jsEl.src = file; 
    jsEl.async = false; 
    document.body.appendChild(jsEl); 
    if (c) { jsEl.addEventListener('load', function (e) { c(null, e); }, false); } 
    document.getElementsByTagName("head")[0].appendChild(jsEl); 
} 

Unten finden Sie eine der Funktionen innerhalb einer dynamisch hinzugefügt Datei enthalten:

function formelements_SELECT_add(x) 
{ 
    console.log("add"); 
    alert("add"); 
    var id = x[1]; 
    var value = x[2]; 
    var index = x[3]; 
    var select = document.getElementById(id); 
    var option; 
    option = document.createElement("option"); 
    option.text = value; 
    select.add(option, index); 
} 

Ich weiß, dass die JavaScript-Datei korrekt hinzugefügt wird und die Funktion ausgeführt wird, da ein option zum select Element hinzugefügt wird. Warum werden die alert und console.log nicht ausgeführt? Wenn ich auf inspizieren klicke, dann gibt es keine Fehlermeldungen.

EDIT

Dies ist der Code verwende ich die Funktion aufzurufen:

var typeAndElement = x[0][0] + "_" + x[0][1]; 
start = i + 1; 
if (!window[typeAndElement]) 
{ 
    loadJS("https://websemantica.org/scripts/" + x[0][0] + "/" + x[0][1] + ".js", continueManipulatingElements(typeAndElement, actions, x, start, total)); 
    return; 
} 
else 
{ 
    fn = window[typeAndElement + "_" + x[0][2]]; 
    if (typeof fn === 'function') 
     fn(x); 
} 

Ich wollte es nicht ursprünglich enthalten, weil ich es schon wusste arbeitete, und es wird nicht klar, wie Es funktioniert, wenn man bedenkt, dass dynamische Daten verwendet werden.

Auch habe ich die loadJS Funktion bearbeitet:

function loadJS(file, c) 
{ 
    var jsEl = document.createElement("script"); 
    jsEl.type = "text/javascript"; 
    jsEl.src = file; 
    jsEl.async = false; 
    if (c) { jsEl.addEventListener('load', function (e) { c(null, e); }, false); } 
    document.getElementsByTagName("head")[0].appendChild(jsEl); 
} 

Das Problem scheint nun gelöst werden.

Answer 1

Drei Dinge herausspringen:

1. Sie das Skript auf der Seite zweimal anhängen, einmal document.body, und die anderen document.getElementsByTagName("head")[0]. Die zweite wird bewegen das Skript von der ersten Stelle auf die zweite. Du musst wirklich nur einen von denen machen.

2. Sie suchen die load Veranstaltung nach das Element anfügen. Wenn sich das Skript im Cache befindet, können Sie das Ereignis verpassen. Haken Sie es vor das Skript an das DOM anhängen.

3. Sie tun nichts im zitierten Code, um die Funktion aufzurufen, die durch das Skript definiert wird, das Sie hinzufügen.

---

Andere Nebennoten:

• Keine Notwendigkeit type zu setzen, der Standard ist JavaScript.
• Keine Notwendigkeit async, alle dynamisch eingefügten script Elemente sind async (now, es war nicht immer wahr).
• Wie Jarosław Wlazło points outdocument.alert ist keine Funktion; nur alert ist alles was Sie brauchen. :-)

Answer 2

Zusätzlich: document hat keine alert Methode.Es gehört zu window, so können Sie es wie folgt nennen alert('add');