【Javascript】.js外部ファイル編　[1] jsファイルの使い方

form

Javascript／Javascript関連情報

.js外部ファイル編　[1] jsファイルの使い方

JavaScript外部ファイル（jsファイル）を読み込み、利用する方法をわかりやすく解説します。外部JavaScriptをうまく利用して、ページのメンテナンスを楽にしましょう。

執筆者：高橋登史朗

更新日：2003年05月24日

この記事の担当ガイド

高橋登史朗

JavaScript Tips
.js外部ファイル編
jsファイルでメンテナンスを楽にする

■　 [1] jsファイルの使い方

JavaScriptは名前の最後に.jsという拡張子のついた外部のファイルを読み込んで利用することができます。CSSでいえばページとは別に用意した.cssファイルのようなものです。今回からはこれを利用してページのメンテナンスを楽にする方法について数回にわたって連載してみます。

1: とりあえず、.jsファイルを読み込んでみる
2: サーバー側の設定について
3: ブラウザ実装状況
4: メリットデメリット
1: とりあえず、.jsファイルを読み込んでみる　←サンプル
```
　呼び出し側　test.htm

<script language="JavaScript" src="./test.js"></script>
 

　読み込まれる.jsファイル　test.js

alert('testです')
```
.jsファイルを使うのは簡単です。まず、上記二つのファイルを用意します。呼び出す側のhtmlファイルと呼び出されて読み込まれる.js外部ファイルです。

呼び出す側のhtmlファイルには、scriptタグを書き「src」属性をつけてそこへ読み込みたいファイルのURL(ここでは./test.js)を記述します。要するに画像をimgタグのsrcで読み込むようにして外にあるスクリプトを読み込むのです。

読み込まれる.jsファイルの方へは 使いたいスクリプトを書きますが、この時scriptタグや 	</script>
```
2:
3:
4: