最新のWeb開発のチュートリアル
×

JS チュートリアル

JS HOME JS 導入 JS どこへ JS 輸出 JS 構文 JS ステートメント JS 注釈 JS 変数 JS 演算子 JS 算術 JS 割り当て JS データの種類 JS 機能 JS オブジェクト JS 範囲 JS イベント JS ストリング JS 文字列メソッド JS 数字 JS 数のメソッド JS 数学 JS 日付 JS 日付形式 JS 日付の方法 JS 配列 JS アレイ方式 JS ブール値 JS 比較 JS 条件 JS スイッチ JS ループ For JS ループしながら JS ブレーク JS 型変換 JS 正規表現 JS エラー JS デバッギング JS 巻き上げ JS strictモード JS スタイルガイド JS ベストプラクティス JS 間違い JS パフォーマンス JS 予約語 JS JSON

JS フォーム

フォームバリデーション フォームAPI

JS オブジェクト

オブジェクト定義 オブジェクトのプロパティ オブジェクトメソッド オブジェクトプロトタイプ

JS 機能

関数定義 ファンクションのパラメータ 関数の呼び出し 関数クロージャ

JS HTML DOM

DOM イントロ DOM メソッド DOM 資料 DOM 要素 DOM HTML DOM CSS DOM アニメーション DOM イベント DOM EventListener DOM ナビゲーション DOM ノード DOM ノードリスト

JS ブラウザ BOM

JS Window JS Screen JS Location JS History JS Navigator JS Popup Alert JS Timing JS Cookies

JS

JS 例 JS HTML DOM JS HTML 入力 JS HTML オブジェクト JS HTML イベント JS ブラウザ JS クイズ JS 概要

JS リファレンスマニュアル

JavaScript オブジェクト HTML DOM オブジェクト


 

JavaScriptステートメント


HTMLでは、JavaScriptのstatements Webブラウザによって「実行」する「命令」です。


JavaScriptのStatements

この文は、書き込むブラウザ告げる"Hello Dolly." HTML要素の内部でid="demo"

document.getElementById("demo").innerHTML = "Hello Dolly.";
»それを自分で試してみてください

JavaScriptのプログラム

ほとんどのJavaScriptプログラムは多くのJavaScriptステートメントが含まれています。

文は、彼らが書かれているのと同じ順序で、一つずつ、実行されます。

この例ではx, y 、及びz値が与えられ、最終的にz表示されています。

var x = 5;
var y = 6;
var z = x + y;
document.getElementById("demo").innerHTML = z;
»それを自分で試してみてください

JavaScriptプログラム(とJavaScriptステートメント)は、多くの場合、JavaScriptコードと呼ばれています。


セミコロン;

セミコロンはJavaScriptステートメントを分離します。

各実行文の末尾にセミコロンを追加します。

セミコロンで区切られた場合、1行に複数のステートメントが許可されています:

ウェブ上では、セミコロンのない例を参照してください可能性があります。
セミコロンでステートメントを終了するには必要ですが、強く推奨されていません。


JavaScriptのホワイトスペース

JavaScriptは、複数のスペースは無視されます。 あなたはそれを読みやすくするためにスクリプトに空白を追加することができます。

次の行は同等です。

var person = "Hege";
var person="Hege";

良い習慣は、演算子の前後にスペースを置くことです( = + - * / )

var x = y + z;

JavaScriptの行の長さと改行

最高の読みやすくするために、プログラマは、多くの場合、80文字以上のコード行を回避したいです。

JavaScriptステートメントは、1行に収まらない場合は、それを破るのに最適な場所は、演算子の後です。

document.getElementById("demo").innerHTML =
"Hello Dolly.";
»それを自分で試してみてください

JavaScriptのコードブロック

JavaScriptのステートメントは、中括弧{...}の内側に、コードブロックにグループ化することができます。

コードブロックの目的は、一緒に実行されるステートメントを定義することです。

あなたがブロックにまとめられステートメントを見つける場所の一つは、JavaScript関数にあります。

function myFunction() {
    document.getElementById("demo").innerHTML = "Hello Dolly.";
    document.getElementById("myDIV").innerHTML = "How are you?";
}
»それを自分で試してみてください

このチュートリアルでは、コードブロックのインデントの4つのスペースを使用します。
後でこのチュートリアルの機能についての詳細を学びます。


JavaScriptのキーワード

JavaScriptのステートメントは、多くの場合、実行されるJavaScriptアクションを識別するためのキーワードで始まります。

ここでは、このチュートリアルでは、約学ぶことができますキーワードの一部のリストは、次のとおりです。

キーワード 説明
break スイッチまたはループを終了
continue ループの外にジャンプして、先頭から
debugger JavaScriptを実行を停止し、そしてコール(使用可能な場合)デバッグ機能
do ... while 条件が真の間、文のブロックを実行し、ブロックを繰り返します
for 条件がtrueである限り、実行されるステートメントのブロックをマーク
function 関数を宣言します
if ... else 状況に応じて、実行されるステートメントのブロックをマーク
return 機能を終了します
switch 別の例に応じて、実行されるステートメントのブロックをマーク
try ... catch 文のブロックにエラー処理を実装します
var 変数を宣言します

JavaScriptのキーワードは予約語です。 予約語は変数の名前として使用することはできません。