外部JavaScriptファイルを読み込む


動作ブラウザ 【 IE:4.0   NN:3.0
Internet Explorer Netscape Navigator Opera Safari Firefox
4.0x 4.5 5.0x 5.5 6.0 4.0x 4.x 6.0 7.0 8.0 7.x 8.x 9.x 1.x 2.x 1.0x 1.5x
Windows - - -
Macintosh - - -
UNIX - - - - - - - -

ポイント <script language="JavaScript" src="func.js"></script>
または
<script type="text/javascript" src="func.js"></script>
説  明 scriptタグのsrcで外部JavaScriptファイル名を指定することで別ファイルで作成されたスクリプトを読み込むことができます。スクリプトファイルはインターネット上の、どこにあるものでも読み込んで使用することができます。
Netscape 4など古いブラウザにも対応させる場合にはlanguage="JavaScript"を使います。W3Cのルールに従っている新しいブラウザではtype="text/javascript"を指定します。両方の属性を指定することもできます。ただし、両方の属性を指定する場合には安全のため対象とするブラウザでの動作を確認してください。
サンプル <html>
<head>
<title>外部JavaScriptファイルを読み込む</title>
<script language="JavaScript" src="func.js"></script>
</head>
<body>
<form>
<input type="button" value="click" onClick="a()">
</form>
</body>
</html>
補足説明 外部JavaScriptファイルの拡張子はjsにしておく必要があります。サンプルで使用している外部ファイル内容は以下の通りです。

function a()
{
alert("Oh!");
}


■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!


写真素材 PIXTA