web开发学习笔记（2）：HTML注释<!–..–>与JavaScript注释
最后更新于：2022-04-01 10:03:11
转载自[生活没有if-else的博客](http://blog.csdn.net/chentravelling)：[http://blog.csdn.net/chentravelling/article/details/43090085](http://blog.csdn.net/chentravelling/article/details/43090085)
### 一、JavaScript注释：
1.单行注释：
符号：//
~~~
//document.write("hello world"); 该句话就会被注释而不会被执行。
~~~
2.多行注释：
符号：/*...*/
~~~
/* document.write("hello world<br>");
document.write("hello world<br>");
*/ //该两句就不会被执行
~~~
### 二、HTML注释：
符号：< !--.......-->
1.在HMTL语句中注释：
~~~
<!--
document.write("hello world");
--> //该句就不会被执行
~~~
2.在JS语句中使用：【需要在<script>与</script>之间使用】
~~~
<script language = "javascript" type = "text/javascript">
<!--
document.write("hello world,this is my first js webpage - 1<br>");
-->
</script>//不支持JavaScript的浏览器则会不会执行document.write("hello world,this is my first js webpage - 1<br>");而在支持JavaScript的浏览器还是会执行该句。
~~~
例子：【可以直接复制粘贴，运行，查看结果】
~~~
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<span style="white-space:pre"> </span><head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The Web Development </title>
<span style="white-space:pre"> </span> <!----------------------<span style="color:#ff0000;">插入js代码，必须放在<script>与</script>标签之间</span>---------------------->
<script language = "javascript" type = "text/javascript">
<!--
document.write("hello world,this is my first js webpage - 1<br>");
-->
</script>
<!---------------------------------------------------------------------------------------->
<span style="white-space:pre"> </span></head>
<span style="white-space:pre"> </span><body>
<span style="white-space:pre"> </span></body>
</html>
~~~
分析：
第6行和第12行代码属于HTML代码，使用<!--...-->标签注释的句子将不会被执行；
第8行和第10行属于js代码【位于<script>与</script>之间】，此时不支持JavaScript的浏览器则会不会执行第9句，而在支持JavaScript的浏览器还是会执行第9句。
使用注释标签来隐藏浏览器不支持的脚本也是一个好习惯（这样就不会把脚本显示为纯文本）。
web前端开发系列笔记：http://blog.csdn.net/chentravelling/article/category/2857107