JavaScript ステートメント

JavaScript ステートメントによってブラウザーに発行されるコマンド。ステートメントの目的は、ブラウザに何をすべきかを指示することです。

JavaScript ステートメント

JavaScript ステートメントは、ブラウザーに送信されるコマンドです。

これらのコマンドの目的は、ブラウザに何をすべきかを指示することです。

次の JavaScript ステートメントは、id="demo" を持つ HTML 要素にテキスト「Hello Dolly」を出力します:

例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>

<h1>我的网页</h1>
<p id="demo">我的第一个段落。</p>
<script>
document.getElementById("demo").innerHTML = "你好 Dolly";
</script>

</body>
</html>

インスタンスの実行»

オンラインで表示するには、「インスタンスの実行」ボタンをクリックしてください。 example

セミコロン;

セミコロンは JavaScript ステートメントを区切るために使用されます。

通常、各実行可能ステートメントの最後にセミコロンを追加します。

セミコロンのもう 1 つの使用法は、複数のステートメントを 1 行に記述することです。

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php.cn</title> 
</head>
<body>

<h1>我的网页</h1>
<p id="demo1"></p>
<p id="demo2"></p>
<script>
a = 1;
b = 2;
c = a + b;
document.getElementById("demo1").innerHTML = c;
x = 1; y = 2; z = x + y;
document.getElementById("demo2").innerHTML = z;
</script>

</body>
</html>

インスタンスの実行 »

「インスタンスの実行」ボタンをクリックしてオンラインインスタンスを表示します

	セミコロンのないケースも表示される場合があります。 JavaScript では、ステートメントをセミコロンで終了することはオプションです。

JavaScript コード

JavaScript コードは、一連の JavaScript ステートメントです。

ブラウザは各ステートメントを、記述された順序で順番に実行します。

この例では、タイトルと 2 つの段落を Web ページに出力します:

例

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>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.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>

例の実行»

オンラインの例を表示するには、[例の実行] ボタンをクリックしてください

後ほど学習します関数の詳細については、章を参照してください。