JavaScript innerhalb externer Skript-Tags: Ein Quellendilemma Bei der Verwendung externer Skript-Tags mit dem Es ist wichtig, deren Einschränkungen zu verstehen. Der Versuch, JavaScript direkt in diese Tags einzubetten, wie im Beispiel unten, führt zu unerwartetem Verhalten:</p> <pre><code class="html"><script src="myFile.js"> alert("This is a test"); Dieser Code funktioniert nicht, da externe Skript-Tags dazu gedacht sind, JavaScript-Code aus einer angegebenen Quelle zu laden. Sie erlauben keine Inline-Ausführung von JavaScript. Um dieses Problem zu lösen, müssen wir ein zusätzliches erstellen. Tags für jeden JavaScript-Code, den wir auf der Seite selbst ausführen möchten:</p> <pre><code class="html"><script> alert("This is a test"); Das folgende Beispiel zeigt ein häufiges Szenario, in dem wir auf diese Herausforderung stoßen könnten: addScript("script/obj.js"); addScript("script/home/login.js"); Hier versuchen wir es Sie möchten mithilfe der Funktion „addScript“ aus einer externen Datei mehrere Skripte zum DOM hinzufügen. Dieser Ansatz schlägt jedoch fehl. Um die addScript-Funktion auszuführen und Skripte dynamisch zu laden, müssen wir ein Inline- erstellen. tag:</p> <pre><code class="html"><script> addScript("script/obj.js"); addScript("script/home/login.js"); Der Grund für dieses Verhalten liegt darin, dass externe Skript-Tags jeweils ein Skript laden. Versucht, sowohl Inline- als auch externe Skripte in dasselbe einzubinden. Tag führen dazu, dass das Inline-Skript ignoriert wird. Um mehrere Skripte auf einer Seite auszuführen, ist es notwendig, separate <script>-Skripte zu erstellen. Tags für jedes Skript.</p> <p>Es ist erwähnenswert, dass der Inhalt von Inline-<script> Tags werden ignoriert, wenn sie in Verbindung mit externen Skripten verwendet werden. Sie können Daten in diesen Tags speichern, indem Sie Attribute wie data-* verwenden. Dieser Ansatz kann für bestimmte Szenarien von Vorteil sein, aber die Verwendung von Daten-*-Attributen wird im Allgemeinen als sauberere Lösung angesehen.</p>