JavaScript外部ファイル／JavaScript設定方法

JavaScriptの外部ファイル設定方法は？

JavaScript外部ファイル／JavaScript設定方法

JavaScriptの外部ファイル設定

　meta要素を記述した後、JavaScriptを利用する方法には大きく3通りあり、何れのケースもHTML/XHTMLのscriptタグを利用することになりますが、HTML/XHTMLも策定するW3Cは、CSS同様、各種Scriptも外部ファイルを推奨しています。

HTML/XHTMLでの3つのjavascript記述方法

サイト全体または一部で共有する場合

専用外部ファイルにjavascriptのコードを記述【推奨】

当該HTML/XHTMLファイル内でのみ利用する場合

<head></head>内にjavascriptのコードを記述

当該HTML/XHTMLファイル内の特定位置でのみ利用する場合

<body></body>内にjavascriptのコードを記述

　この内、JavaScriptの外部ファイルを利用する場合には、[ meta ]要素の設定の後、HTMLタグ/XHTMLタグの<head></head>または<body></body>内でscript要素のsrc属性を使って外部ファイルを読み込み、一部または全てのHTML/XHTMLファイル内で利用可能な状態にすることができます。

外部ファイルにjavascriptを記述する際のHTML/XHTMLの記述方法

【<head></head>内にscript要素及びsrc属性を設定する場合】

<html>
<head>

<script type="text/javascript" src=""></script>
</head>
<body>

</body>
</html>

【<body></body>内にscript要素及びsrc属性を設定する場合】

<html>
<head>

</head>
<body>

<script type="text/javascript" src=""></script>

</body>
</html>

　何れのケースもsrc属性( src="" )にjavascript外部ファイルのパスを記述します。

　XHTMLの場合、そのままでも利用できますが</script>を省略して次のように記述する事もできます。

<script type="text/javascript" src=""/>

　但し、その場合、doctype宣言もXHTMLのdoctype宣言にし、<html>開始タグに属性を追加、構成文字は全て小文字にするといったXHTMLタグ仕様に沿った書き方をする必要があります。

　尚、以前は、type属性ではなくlanguage属性を使って下記のような記述もできましたが、現在は非推奨となっています。