logo

JavaScript の例

  1. JavaScript の例
  2. bodyタグ内
  3. headタグ内

Javascript のサンプルは簡単にコーディングできます。 JavaScript には、JavaScript コードを配置する場所が 3 つあります: body タグ内、head タグ内、外部 JavaScript ファイルです。

最初の JavaScript サンプルを作成しましょう。

 document.write('JavaScript is a simple language for javatpoint learners'); 
今すぐテストしてください

脚本 タグは JavaScript を使用していることを指定します。

テキスト/JavaScript データに関する情報をブラウザに提供するコンテンツ タイプです。

document.write() 関数は、JavaScript を通じて動的コンテンツを表示するために使用されます。ドキュメントオブジェクトについては後で詳しく学びます。


JavaScript コードを配置する 3 つの場所

  1. htmlのbodyタグ間
  2. htmlのheadタグ間
  3. .js ファイル内 (外部 JavaScript)

1) JavaScriptの例:bodyタグ間のコード

上記の例では、JavaScript を使用して動的コンテンツを表示しました。警告ダイアログ ボックスを表示する JavaScript の簡単な例を見てみましょう。

 alert('Hello Javatpoint'); 
今すぐテストしてください

2) JavaScriptの例:headタグ間のコード

同じ例で、head タグ内に含まれる JavaScript のアラート ダイアログ ボックスを表示する例を見てみましょう。

この例では、関数 msg() を作成しています。 JavaScript で関数を作成するには、以下のように function_name で関数を記述する必要があります。

関数を呼び出すには、イベントを処理する必要があります。ここでは、onclick イベントを使用して msg() 関数を呼び出しています。

 function msg(){ alert(&apos;Hello Javatpoint&apos;); } <p>Welcome to JavaScript</p> 
今すぐテストしてください