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 行ずつ実行します。従来のプログラミングでは、すべてのコードは実行前にコンパイルされます。

学び続ける

新しいファイル

<!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>

リセットコード

自動運転

提出する

プレビュー Clear