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> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script src="myFile.js"> alert("This is a test"); Nach dem Login kopieren 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> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script> alert("This is a test"); Nach dem Login kopieren 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"); Nach dem Login kopieren 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> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><script> addScript("script/obj.js"); addScript("script/home/login.js"); Nach dem Login kopieren 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>