2017-08-14 14 views
0

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ファイルに、どのように私は正しく、これらすべての外部リソースにリンクしていますか?

ありがとうございます!

+0

Javascriptの動的読み込みを意味していますか? https://stackoverflow.com/questions/1618351/loading-js-files-dynamically-via-another-js-file – cepharum

+0

こんにちは。だから私は自分のHTMLファイルから新しいJSファイルにすべての私のJSコードを転送するとき、私は外部リソースを正しくリンクすることはできません、彼らはHTMLページにあったとき、彼らはそれらを読み込むのは簡単でした。 .jsファイルに転送すると、スクリプトタグからURLを読み込むことができなくなります。お知らせ下さい。どうもありがとう! – Marvin

+0

@IvanKuckirそれは間違っています。 Javascriptコードは、HTMLページで定義されているのと同じ順序で実行されます。したがって、外部ファイルを参照する3つのスクリプト要素と2つ目の注入コードをインラインにすると、最初に参照されたファイルはインラインコードの前に実行され、最後に参照されるファイルの前に実行されます。 – cepharum

答えて

1

"外部リソース"がコードをスコープしていない限り、グローバルスコープでアクセスすることはできません。ドキュメント内のスクリプトタグと同じように、JSファイル内のすべてにアクセスできます。

あなたのjavascriptのコードが<script>タグの間に動作している場合、それはあなたがファイルに移動するときにも動作しており、このようなもので<script>タグに置き換えられます:限り、彼らがそうであるように

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

+0

こんにちは、ありがとう応答。 .jsファイルに

0

あなたがここに示したようにHTMLの冒頭に含まれていれば、あなたはうまくいくはずです。

関連する問題