Laden von Skripten mit HTML-Skript-Tags

Das HTML-Skript-Tag wird zum Einbinden und Ausführen von JavaScript-Code verwendet. Standardmäßig akzeptiert dieses Tag ein externes Quellattribut, z. B. scr, um eine JavaScript-Datei zu laden. Es wird jedoch versucht, Inline-JavaScript in das Skript-Tag einzubinden, etwa so:

Im Stillen fehlschlagen, ohne Fehler auszulösen.

Warum die Verwendung von Inline-JavaScript im Skript-Tag nicht funktioniert

Der Grund für dieses Verhalten ist, dass ein Skriptelement dies kann Laden Sie nur eine einzige Quelle, sei es extern oder inline. Wenn sowohl Quell- als auch Inline-Inhalt vorhanden sind, wird der Inline-Inhalt ignoriert. Deshalb:

Die angegebenen Skripte werden nicht geladen.

Lösung: Verwendung mehrerer Skriptelemente

Um mehrere Skripte zu laden, müssen Sie für jedes einzelne Skriptelemente verwenden:

Alternativ können Sie ein übergeordnetes Skript erstellen, das die erforderlichen Skripte dynamisch lädt:

Zusätzliche Hinweise

Während Inline-JavaScript in Skriptelementen mit externen Quellen ignoriert wird, verbleibt der Inhalt des Skriptelements im DOM. Dies hat einige Entwickler dazu veranlasst, es zum Speichern von Daten zu verwenden, auf die externe Skripte zugreifen. Allerdings ist die Verwendung von data-*-Attributen im Allgemeinen ein geeigneterer und saubererer Ansatz für diesen Zweck.