en.gはwebサイト制作に関する技術的な情報を発信するサイトです。

javascriptの基礎 外部JSファイルの読み込み方

外部のJSファイル(JavaScript)をHtmlファイルに読み込む方法をご説明します。毎回わからなくなってしまうので自分用も兼ねてまとめてみました。サンプルのコードとしてコピペして使用してください。

外部JSファイルの読み込み方はこちら

結果から言うと以下です。


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

							

上記の場合は同階層のファイルを読み込み対象としています。

deferを利用して非同期でJSファイルを読み込む

webサイト表示の高速化を考えるならdeferを使用しましょう。deferを利用するとJSファイルの読み込みがHTMLの構築と並行して処理されます。


<script type="text/javascript" defer src="sample.js" ></script>