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>

執行實例»

點擊"運行實例" 按鈕查看線上實例


使用註解來阻止執行

#在下面的範例中,註解用於阻止其中一條程式碼行的執行(可用於調試):

實例

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

#運行實例»

點擊"運行實例"按鈕查看線上實例

在下面的範例中,註解用於阻止程式碼區塊的執行(可用於偵錯):

實例

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

運行實例»

點擊"運行實例"按鈕查看線上實例


#在行結束時使用註解

在下面的範例中,我們把註解放到程式碼行的結尾:

##實例

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

執行實例»#點擊"運行實例" 按鈕查看線上實例


#