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] 要素を生成する(document.createElement)

JavaScriptでHTMLの要素を生成するには、document.createElementを使用します。 サンプル ...

[JavaScript] ページに文字列を出力する(document.write、document.writeln)

JavaScriptからページに文字列を出力するには、 document.write、document.writelnを ...

[JavaScript] URLを指定して画面遷移を行う

javascriptでURLを指定して画面遷移を行うサンプルです。 サンプルソース 例)Yahooサイトへ画面遷移する ...

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

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

[JavaScript] 文字に下線/上線/取消し線を引く

JavaScriptで文字に下線/上線/取消し線を引くには、style.textDecorationを使用します。 サン ...

スポンサーリンク