JavaScript 注释可用于提高代码的可读性。

JavaScript 注释

JavaScript 不会执行注释。

我们可以添加注释来对 JavaScript 进行解释，或者提高代码的可读性。

单行注释以 // 开头。

代码练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript 注释</title>
</head>
<body>
<h1 id="q"></h1>
<p id="w"></p>
<script>
    // 输出标题：
    document.getElementById("q").innerHTML="Welcome to my Homepage";
    // 输出段落：
    document.getElementById("w").innerHTML="This is my first paragraph.";
</script>
</body>
</html>

运行结果：

注释：注释不会被执行。

JavaScript 多行注释

多行注释以 /* 开始，以 */ 结尾。

代码练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JavaScript 多行注释</title>
</head>
<body>
<h1 id="q"></h1>
<p id="w"></p>
<script>
    /*
    下面的这些代码会输出
    一个标题和一个段落
    并将代表主页的开始
    */
    document.getElementById("q").innerHTML="欢迎来到2023";
    document.getElementById("w").innerHTML="元旦快乐!";
</script>
</body>
</html>

运行结果：

注释：注释块不会被执行。

使用注释来阻止执行

注释用于阻止其中一条代码行的执行（可用于调试）：

代码练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注释用于阻止其中一条代码行的执行（可用于调试）</title>
</head>
<body>
<h1 id="q"></h1>
<p id="w"></p>
<script>

  //document.getElementById("q").innerHTML="欢迎来到2023";
  document.getElementById("w").innerHTML="元旦快乐!";
</script>
</body>
</html>

运行结果：

注释用于阻止代码块的执行（可用于调试）：

代码练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注释用于阻止代码块的执行（可用于调试）：</title>
</head>
<body>
<h1 id="q"></h1>
<p id="w"></p>
<script>

  document.getElementById("q").innerHTML="欢迎来到2023";
  /*
  document.getElementById("w").innerHTML="元旦快乐!";
  */
</script>
</body>
</html>

运行结果：

在行末使用注释

代码练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在行末使用注释</title>
</head>
<body>
<p id="q"></p>
<script>
  var x=1;   // 声明 x 并把 1 赋值给它
  var y=x+2;   // 声明 y 并把 x+2 赋值给它
  document.getElementById("q").innerHTML=y // 把 y 的值写到 q
</script>
</body>
</html>

运行结果：

前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

JavaScript 注释（js注释方法）

JavaScript 注释

JavaScript 多行注释

使用注释来阻止执行

在行末使用注释