外部のJavaScriptファイルを読み込むには、scriptタグ<script></script>のsrc属性に、読み込みたいJavaScriptファイルへのURIを指定する。
記述形式
読み込み
下記のコードを、bodyタグ<body></body>、もしくは、headタグ<head></head>の中に埋め込む。
<script type="text/javascript" src="JavaScriptファイルへのURI"></script>
下記のように、複数のJavaScriptファイルを読み込むこともできる。
<script type="text/javascript" src="JavaScriptファイル１へのURI"></script>
<script type="text/javascript" src="JavaScriptファイル２へのURI"></script>
<script type="text/javascript" src="JavaScriptファイル３へのURI"></script>
<script type="text/javascript" src="JavaScriptファイル２へのURI"></script>
<script type="text/javascript" src="JavaScriptファイル３へのURI"></script>
外部のJavaScriptファイル
外部のJavaScriptファイルには、JavaScriptのコードだけを書けば良い。JavaScriptのコードを、scriptタグ<script></script>で括る必要はない。
日本語を扱う場合、読み込む側のHTMLと、読み込まれる側のJavaScriptファイルの文字コードが異なると、文字化けすることがあるので、文字コードは統一しておく方が良い。私なら、「UTF8」で統一する。
サンプル
サンプルのソースコード
読み込み
<script type="text/javascript" src="sample.js"></script>
外部のJavaScriptファイル「sample.js」の内容
document . write( "<p>外部のJavaScriptファイルのJavaScriptコードの実行結果。</p>" );