JavaScript

[JavaScript] JavaScriptの定義方法3パターン

投稿日:2016年10月10日 更新日:

JavaScriptを定義方法には以下3通りあります。

  1. HTML内のscript領域に定義する
  2. 別ファイルにに定義する
  3. イベント部分に定義する

1.HTML内script領域に定義する

HTML内に scriptタグで囲った領域を作り、その中にJavaScriptを記述します。

解説

  • 一般的にheadエリア内に記述しますが、bodyエリア内に記述してもOKです。

2.別ファイルにに定義する

JavaScriptを定義したファイルを作成して、HTMLから参照する方法です。

解説

  • JavaScriptファイルの参照は、HEADエリア内で<script src="sample.js"></script>のように記述します。
  • 別ファイルに定義したJavaScriptの文字コードがHTMLと異なる場合は、
    <script src="sample.js" charset="Shift_JIS" ></script>
    のようにcharsetを指定することもできます。

3.イベント部分に定義する

HTMLのイベントハンドラ部分に直接JavaScriptを定義します。

解説

  • 複数のJavaScriptコードを書きたい場合は、;(セミコロン)で区切って記述します。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] コンソールで処理時間を計測する(console.time、console.timeEnd)

コンソールで処理時間を計測するには、console.time~console.timeEndを使用します。 サンプルソー ...

[JavaScript] 画像が読込み中かどうかチェックする

画像が読込み中かどうかチェックするサンプルです。 サンプルソース 例)画像が読込み中かどうかチェックする [crayon ...

[JavaScript] スタイルをimportant指定する

JavaScriptでスタイル(CSS)を指定する時に、important指定をするサンプルです。 サンプルソース 例) ...

[JavaScript] 文字列がYYYYMMDD形式の日付文字列であるかどうかチェックする

文字列がYYYYMMDD形式の日付文字列であるかどうかチェックするサンプルFunctionです。 サンプルソース 例)値 ...

[JavaScript] 文字列の一部分を選択状態にする

文字列の一部分を選択状態にするサンプルです。 サンプルソース 例)ボタンを押すと、テキストの3文字目~5文字目を選択状態 ...

スポンサーリンク