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] 使用しているブラウザを判定する

使用しているブラウザを判定するサンプルです。 サンプルソース 例)使用しているブラウザを判定する [crayon-5b7 ...

[JavaScript] Submit時イベントを取得する(onSubmit)

Submit時イベントを取得するには、onsubmitイベントハンドラを使用します。 サンプルソース 例)Submit前 ...

[JavaScript] テーブルの行数、列数を取得する

テーブルの行数、列数を取得するにはrows.length、cells.lengthを使用します。 サンプル 例)id=& ...

[JavaScript] テキストボックスのmaxlength値を取得する

テキストボックスのmaxlength値を取得するには、maxLengthを使用します。 (※HTML5以降であれば、テキ ...

[JavaScript] 初期チェック状態を取得する(.defaultChecked)

チェックボックス等の初期チェック状態を取得するには、.defaultCheckedを使います。 サンプルソース 例)ボタ ...

スポンサーリンク