スクリプトタグを使用してJavascriptをHTMLに挿入する方法
序章
<script>
タグを使用して、JavaScriptをHTMLインラインに挿入することも、外部ファイルとして挿入することもできます。 このチュートリアルでは、両方の方法を示します。
前提条件
-
HTML5の一般的な知識。 HTML5マークアップ言語の包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。
-
Javascriptの一般的な知識。 Javascriptの包括的なレビューについては、シリーズ「Javascriptでコーディングする方法」をご覧ください。
<script>
タグを使用してJavascriptをHTMLに挿入する
HTMLドキュメントに外部JavaScriptファイルまたはインラインJavaScriptを挿入する方法は次のとおりです。
外部スクリプトファイルを挿入するには:
<script src="doStuff.js"></script>
インラインスクリプトを挿入するには:
<script>
// your code here
</script>
JavaScriptを挿入する場所は、読み込み順序に影響することに注意してください。 jQuery自体のような重要なものは通常、<head>
セクションに配置され、追跡スクリプトのように最後にロードできるものは、通常、終了</body>
タグの直前に配置できます。
type="text/javascript"
type="text/javascript"
はオプションの宣言であり、HTML5以降は不要です。 レガシーコードでも引き続き表示されますが、独自のコードで使用する必要はありません。
結論
<script>
は、HTMLで最も一般的で重要なタグの1つです。
HTML5マークアップ言語のより包括的なレビューについては、シリーズ「HTMLでWebサイトを構築する方法」を参照してください。
Javascriptのより包括的なレビューについては、シリーズ「Javascriptでコーディングする方法」を参照してください。