web开发学习笔记（2）：HTML注释与JavaScript注释

最新推荐文章于 2023-12-08 23:40:43 发布

life is wonderful

最新推荐文章于 2023-12-08 23:40:43 发布

阅读量2.3k

点赞数 1

分类专栏： Web Web前端开发实战文章标签： dreamweaver web前端开发 JavaScript HTML 注释

Web前端开发实战同时被 2 个专栏收录

12 篇文章 26 订阅

订阅专栏

Web

11 篇文章 2 订阅

订阅专栏

转载自生活没有if-else的博客：http://blog.csdn.net/chentravelling/article/details/43090085

一、JavaScript注释：

1.单行注释：

符号：//

[javascript]view plaincopy 
   
 //document.write("hello world");  该句话就会被注释而不会被执行。  

2.多行注释：

符号：/*...*/

[javascript]view plaincopy 
   
 /* document.write("hello world<br>"); 
    document.write("hello world<br>"); 
 */   //该两句就不会被执行  

二、HTML注释：

符号：

1.在HMTL语句中注释：

[html]view plaincopy 
   
 <!-- 
 document.write("hello world"); 
 --> //该句就不会被执行  

2.在JS语句中使用：【需要在<script>与</script>之间使用】

[html]view plaincopy 
   
 <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的浏览器还是会执行该句。  

例子：【可以直接复制粘贴，运行，查看结果】

[html]view plaincopy 
   
 <!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

life is wonderful

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
web开发学习笔记（2）：HTML注释与JavaScript注释

转载自生活没有if-else的博客：http://blog.csdn.net/chentravelling/article/details/43090085一、JavaScript注释：1.单行注释：符号：// [javascript] view plaincopy//document.write(
复制链接

扫一扫

专栏目录