Wie verknüpfe ich externe JS-Ressourcen richtig mit einer JS-Datei?

Question

Ich erstelle ein Dashboard, das verschiedene Graphen in meiner Webanwendung anzeigt. Ich habe diese Code-Snippets und bearbeitet nach Bedarf. Ich habe festgestellt, dass meine Webanwendung immer größer wird. Daher habe ich beschlossen, für jedes Diagramm eine separate JavaScript-Datei zu erstellen. Anfangs hatte ich alle meine Tags am Ende meiner HTML-Seite, was gut funktioniert. Ich habe auch externe Ressourcen wie;

<!-- External Resources -->   
<script src="https://www.amcharts.com/lib/3/amcharts.js"></script> 
<script src="https://www.amcharts.com/lib/3/serial.js"></script> 

<!-- Functions --> 
<script> 
    // more codes here. But these codes will go to new .js file 
</script> 

Frage, auf meinem neuen JS-Datei, wie verknüpfe ich diese alle externen Ressourcen korrekt?

Vielen Dank im Voraus!

Answer 1

Wenn der Bereich "externe Ressourcen" nicht in den globalen Gültigkeitsbereich des Codes fällt, können Sie im Dokument auf alle Elemente in einer JS-Datei zugreifen, genau wie in einem Skript-Tag .

Wenn Ihr JavaScript-Code zwischen <script> Tags arbeiten, wird es auch funktionieren, wenn Sie es in eine Datei verschieben, und ersetzen Sie die <script> Tags mit etwas wie folgt aus:

<script src="/code.js"></script>

Letzte Frage

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.

 Verwandte Themen

• 1.
• 2.
• 3.
• 4.
• 5.
• 6.
• 7.
• 8.
• 9.
• 10.