JavaScript 注释可用于提高代码的可读性。
JavaScript 不会执行注释。
我们可以添加注释来对 JavaScript 进行解释,或者提高代码的可读性。
单行注释以 // 开头。
本例用单行注释来解释代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>芝麻教程(web3.xin)</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>
多行注释以 /* 开始,以 */ 结尾。
下面的例子使用多行注释来解释代码:
<!DOCTYPE html> <html> <head> <title>芝麻教程测试实例</title> <meta charset="utf-8"> </head> <body> <h1 id="myH1"></h1> <p id="myP"></p> <script> /* 下面的这些代码会输出 一个标题和一个段落 并将代表主页的开始 */ document.getElementById("myH1").innerHTML="欢迎来到芝麻教程"; document.getElementById("myP").innerHTML="这是一个段落。"; </script> <p><b>注释:</b>注释块不会被执行。</p> </body> </html>
在下面的例子中,注释用于阻止其中一条代码行的执行(可用于调试):
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>芝麻教程(web3.xin)</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>芝麻教程(web3.xin)</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>芝麻教程(web3.xin)</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>