Webアプリケーションでさまざまなグラフを表示するダッシュボードを作成しています。このコードスニペットを入手し、必要に応じて編集しました。私は自分のWebアプリケーションが大きくなっていることに気付きました。したがって、グラフごとに別々のjavascriptファイルを作成することにしました。最初は、HTMLページの一番下にすべてのタグがありましたが、うまく動作します。私はまた、外部JSリソースをJSファイルに正しくリンクするにはどうすればいいですか?
<!-- 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>
質問は、私の新しいの.jsファイルに、どのように私は正しく、これらすべての外部リソースにリンクしていますか?
ありがとうございます!
Javascriptの動的読み込みを意味していますか? https://stackoverflow.com/questions/1618351/loading-js-files-dynamically-via-another-js-file – cepharum
こんにちは。だから私は自分のHTMLファイルから新しいJSファイルにすべての私のJSコードを転送するとき、私は外部リソースを正しくリンクすることはできません、彼らはHTMLページにあったとき、彼らはそれらを読み込むのは簡単でした。 .jsファイルに転送すると、スクリプトタグからURLを読み込むことができなくなります。お知らせ下さい。どうもありがとう! – Marvin
@IvanKuckirそれは間違っています。 Javascriptコードは、HTMLページで定義されているのと同じ順序で実行されます。したがって、外部ファイルを参照する3つのスクリプト要素と2つ目の注入コードをインラインにすると、最初に参照されたファイルはインラインコードの前に実行され、最後に参照されるファイルの前に実行されます。 – cepharum