JavaScript ステートメント
JavaScript ステートメントはブラウザーにコマンドを送信します。ステートメントの目的は、ブラウザに何をすべきかを指示することです。
次の JavaScript ステートメントは、id="demo" を持つ HTML 要素にテキスト「Hello World」を出力します:
document.getElementById("demo").innerHTML="Hello World";
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的网页</h1>
<p id="demo">段落。</p>
<script>
document.getElementById("demo").innerHTML="Hello World";
</script>
</body>
</html>コードを実行して試してみてください
セミコロン;
セミコロンは JavaScript ステートメントを区切るために使用されます。
通常、各実行可能ステートメントの最後にセミコロンを追加します。
セミコロンのもう 1 つの使用法は、1 行に複数のステートメントを記述することです。
ヒント: セミコロンがない場合もあります。 JavaScript では、ステートメントをセミコロンで終了することはオプションです。
JavaScript コード
JavaScript コードは、JavaScript ステートメントのシーケンスです。
ブラウザは各ステートメントを、記述された順序で順番に実行します。
この例では、タイトルと 2 つの段落を Web ページに出力します。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="demo">一个段落。</p>
<div id="myDIV">一个 DIV。</div>
<script>
document.getElementById("demo").innerHTML="你好 Dolly";
document.getElementById("myDIV").innerHTML="你最近怎么样?";
</script>
</body>
</html>プログラムを実行して試してみる
JavaScript コード ブロック
JavaScript はバッチで組み合わせることができます。
コード ブロックは左中括弧で始まり、右中括弧で終わります。
コード ブロックの機能は、一連のステートメントをまとめて実行することです。
この例では、タイトルと 2 つの段落を Web ページに出力します:
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网（php.cn）</title>
</head>
<body>
<h1>我的 Web 页面</h1>
<p id="myPar">我是一个段落。</p>
<div id="myDiv">我是一个div。</div>
<p>
<button type="button" onclick="myFunction()">点击这里</button>
</p>
<script>
function myFunction(){
document.getElementById("myPar").innerHTML="你好世界！";
document.getElementById("myDiv").innerHTML="你最近怎么样?";
}
</script>
<p>当您点击上面的按钮时，两个元素会改变。</p>
</body>
</html>プログラムを実行して試してみましょう
JavaScript ステートメント識別子
JavaScript ステートメントは通常、ステートメントで始まります識別子 ステートメントを開始して実行します。
ステートメント識別子は予約されたキーワードであり、変数名として使用できません。
次の表は、JavaScript ステートメントの識別子 (キーワード) を示しています。
| Statement | Description |
|---|---|
| break | は、ループから抜け出すために使用されます。 |
| catch | ステートメント ブロック。try ステートメント ブロックの実行中にエラーが発生したときに、catch ステートメント ブロックを実行します。 |
| 続行 | ループ内の反復をスキップします。 |
| do ... while | はステートメント ブロックを実行し、条件ステートメントが true の場合にステートメント ブロックの実行を継続します。 |
| for | 条件文が true の場合、コード ブロックを指定された回数だけ実行できます。 |
| for ... in | は、配列またはオブジェクトのプロパティを走査する (配列またはオブジェクトのプロパティをループする) ために使用されます。 |
| 関数 | さまざまな条件に基づいてさまざまなアクションを実行する関数 |
| if ... else | を定義します。 |
| return | Exit関数 |
| switch | は、さまざまな条件に基づいてさまざまなアクションを実行するために使用されます。 |
| throw | はエラーをスロー（生成）します。 |
| try | はエラー処理を実装し、catchとともに使用されます。 |
| var | 変数を宣言します。 |
| while | 条件ステートメントが true の場合、ステートメント ブロックを実行します。 |
スペース
JavaScript は余分なスペースを無視します。スクリプトにスペースを追加すると、スクリプトが読みやすくなります。次の 2 行のコードは同等です:
var person="Hege";
テキスト文字列でバックスラッシュを使用してコード行を折り返すことができます。次の例は正しく表示されます:
var person = "Hege";
document.write("Hello world!");
ただし、次のように改行することはできません: document.write ("Hello world!" );
JavaScript はスクリプト言語です。ブラウザはコードを読み取りながら、スクリプト コードを 1 行ずつ実行します。従来のプログラミングでは、すべてのコードは実行前にコンパイルされます。
