外部ファイルから呼び出せ!

Index

  JavaScript だけを記述した外部ファイルから、関数を呼び出すことも可能です。
 ここではアラートダイアログを表示する、簡単なサンプルを作成してみました。

【例】

  js.txt ファイルの中身         // (1)
  function fn()
  {
    alert( "js.txt から呼び出しました。" );
  }

  実際に fn() を呼び出す HTML の内容( jss19.html )  // (2)
  <HEAD>
    <SCRIPT SRC="js.txt"></SCRIPT>      // (3)
  </HEAD>

  <BODY>
  <FORM>
    <INPUT TYPE="button" VALUE="外部から呼出" onClick="fn();"> //(4)
  </FORM>
  </BODY>

【解説】

 (1) JavaScript を記述した外部ファイルの中身です。
 (2) 実際に fn() を呼び出す HTML の内容です。
 (3) <SCRIPT SRC="URL"></SCRIPT>。呼び出す fn() が記述されている外部
     ファイルの指定。
 (4) クリックにより fn() を実行します。

 このように外部ファイルで JavaScript を記述することにより、異なる HTML ファ
 イルで同じ関数を使用する場合、それぞれのファイルに同一のスクリプトを記述する
 という手間が省けます。また <SCRIPT SRC="URL"></SCRIPT> と指定することによ
 り、第三者も使用可能になります。
【実行してみよう】