scriptタグ
scriptタグは、HTMLページにJavaScript
(また、はるかに稀ですが他のスクリプトも)を接続します。
別のJavaScriptファイルを接続する(この場合、属性srcを指定する必要があります)か、またはHTMLページ上に直接JavaScriptを記述することができます。本質的にscriptタグは、CSSの代わりにJavaScriptに対して、linkタグとstyleタグの両方の役割を同時に果たします。
このタグはheadタグ内に配置されるべきですが、必須ではありません。scriptタグはbodyタグ内に配置しても動作します。
属性とプロパティ
| 属性/プロパティ | 説明 |
|---|---|
src |
接続するファイルへのパス。 |
type |
接続するファイルのデータタイプ。JavaScriptにはtext/javascriptを使用します。
HTML5ではこれは必須ではありません。
|
language |
スクリプトの言語を指定します。この属性は非推奨であり、代わりに属性typeを使用すべきです。 |
defer |
defer属性は、ページ全体が完全に読み込まれるまでスクリプトの実行を遅延させます。
|
例
別のJavaScriptファイルを接続します:
<script src="test.js"></script>
例
このようにして、HTMLページ上に直接JavaScriptコードを記述します:
<script>
let test = '123';
</script>
関連項目
-
DOM操作の基本レッスン、
ここではscriptタグの使用例が示されています