JavaScriptのコメント



JavaScript コメントを使用すると、コードの読みやすさを向上させることができます。


JavaScript コメント

JavaScript はコメントを実行しません。

コメントを追加して JavaScript を説明したり、コードの読みやすさを向上させることができます。

単一行のコメントは // で始まります。

この例では、単一行のコメントを使用してコードを説明します:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
// 输出标题:
document.getElementById("myH1").innerHTML="Welcome to my Homepage";
// 输出段落:
document.getElementById("myP").innerHTML="This is my first paragraph.";
</script>
<p><b>注释:</b>注释不会被执行。</p>

</body>
</html>

サンプルの実行»

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


JavaScriptの複数行のコメント

複数行のコメントは / で始まり * で始まり */ で終わります。

次の例では、複数行のコメントを使用してコードを説明しています:

インスタンス

<!DOCTYPE html>
<html>
<head>
<title>php中文网测试实例</title>
<meta charset="utf-8">
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
下面的这些代码会输出
一个标题和一个段落
并将代表主页的开始
*/
document.getElementById("myH1").innerHTML="欢迎来到php中文网";
document.getElementById("myP").innerHTML="这是一个段落。";
</script>
<p><b>注释:</b>注释块不会被执行。</p>

</body>
</html>

インスタンスの実行»

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


コメントを使用してブロックします以下の実行

この例では、コード行の 1 つの実行を防ぐためにコメントが使用されています (デバッグに使用できます):

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
//document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
</script>
<p><strong>注意:</strong> 注释块不会被执行</p>

</body>
</html>

インスタンスの実行»

「実行」をクリックします「インスタンス」ボタンをクリックすると、以下のオンライン例

が表示されます。この例では、コード ブロックの実行を防ぐためにコメントが使用されています (デバッグに使用できます):

Example

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<h1 id="myH1"></h1>
<p id="myP"></p>
<script>
/*
document.getElementById("myH1").innerHTML="欢迎来到我的主页";
document.getElementById("myP").innerHTML="这是我的第一个段落。";
*/
</script>
<p><strong>注意:</strong>注释块不会被执行。</p>

</body>
</html>

Run Example»

[例の実行] ボタンをクリックして、オンライン例を表示します


行の末尾にコメントを使用します

以下の例では、コード行の末尾にコメントを置きます:

インスタンス

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="myP"></p>
<script>
var x=5;   // 声明 x 并把 5 赋值给它
var y=x+2;   // 声明 y 并把 x+2 赋值给它
document.getElementById("myP").innerHTML=y // 把 y 的值写到 myP
</script>
<p><b>注释:</b>注释不会被执行。</p>

</body>
</html>

インスタンスの実行»

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