JavaScript ステートメント
JavaScript ステートメントはブラウザーにコマンドを送信します。ステートメントの目的は、ブラウザに何をすべきかを指示することです。
次の JavaScript ステートメントは、id="demo" を持つ HTML 要素にテキスト「Hello World」を出力します:
document.getElementById("demo").innerHTML="Hello World";
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（php.cn）</title>
</head>
<body>
<h1>我的網(wǎng)頁</h1>
<p id="demo">段落。</p>
<script>
document.getElementById("demo").innerHTML="Hello World";
</script>
</body>
</html>コードを?qū)g行して試してみてください
セミコロン;
セミコロンは JavaScript ステートメントを區(qū)切るために使用されます。
通常、各実行可能ステートメントの最後にセミコロンを追加します。
セミコロンのもう 1 つの使用法は、1 行に複數(shù)のステートメントを記述することです。
ヒント: セミコロンがない場合もあります。 JavaScript では、ステートメントをセミコロンで終了することはオプションです。
JavaScript コード
JavaScript コードは、JavaScript ステートメントのシーケンスです。
ブラウザは各ステートメントを、記述された順序で順番に実行します。
この例では、タイトルと 2 つの段落を Web ページに出力します。
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（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>プログラムを?qū)g行して試してみる
JavaScript コード ブロック
JavaScript はバッチで組み合わせることができます。
コード ブロックは左中括弧で始まり、右中括弧で終わります。
コード ブロックの機能は、一連のステートメントをまとめて実行することです。
この例では、タイトルと 2 つの段落を Web ページに出力します:
例
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文網(wǎng)（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>當(dāng)您點擊上面的按鈕時，兩個元素會改變。</p>
</body>
</html>プログラムを?qū)g行して試してみましょう
JavaScript ステートメント識別子
JavaScript ステートメントは通常、ステートメントで始まります識別子 ステートメントを開始して実行します。
ステートメント識別子は予約されたキーワードであり、変數(shù)名として使用できません。
次の表は、JavaScript ステートメントの識別子 (キーワード) を示しています。
| Statement | Description |
|---|---|
| break | は、ループから抜け出すために使用されます。 |
| catch | ステートメント ブロック。try ステートメント ブロックの実行中にエラーが発生したときに、catch ステートメント ブロックを?qū)g行します。 |
| 続行 | ループ內(nèi)の反復(fù)をスキップします。 |
| do ... while | はステートメント ブロックを?qū)g行し、條件ステートメントが true の場合にステートメント ブロックの実行を継続します。 |
| for | 條件文が true の場合、コード ブロックを指定された回數(shù)だけ実行できます。 |
| for ... in | は、配列またはオブジェクトのプロパティを走査する (配列またはオブジェクトのプロパティをループする) ために使用されます。 |
| 関數(shù) | さまざまな條件に基づいてさまざまなアクションを?qū)g行する関數(shù) |
| if ... else | を定義します。 |
| return | Exit関數(shù) |
| switch | は、さまざまな條件に基づいてさまざまなアクションを?qū)g行するために使用されます。 |
| throw | はエラーをスロー（生成）します。 |
| try | はエラー処理を?qū)g裝し、catchとともに使用されます。 |
| var | 変數(shù)を宣言します。 |
| while | 條件ステートメントが true の場合、ステートメント ブロックを?qū)g行します。 |
スペース
JavaScript は余分なスペースを無視します。スクリプトにスペースを追加すると、スクリプトが読みやすくなります。次の 2 行のコードは同等です:
var person="Hege";
テキスト文字列でバックスラッシュを使用してコード行を折り返すことができます。次の例は正しく表示されます:
var person = "Hege";
document.write("Hello world!");
ただし、次のように改行することはできません: document.write ("Hello world!" );
JavaScript はスクリプト言語です。ブラウザはコードを読み取りながら、スクリプト コードを 1 行ずつ実行します。従來のプログラミングでは、すべてのコードは実行前にコンパイルされます。
