<p>应使用JavaScript注释语法而非HTML注释。在script标签中,用//进行单行注释,用/ /进行多行注释,如alert("欢迎")前加//说明功能;早期为兼容非JavaScript浏览器曾用<!-- -->包裹脚本以防代码显示,现已被淘汰;现代开发仅推荐使用JavaScript原生注释方式,确保代码可读性与维护性。</p>

在HTML中编写script标签时,如果需要对JavaScript代码进行注释,应使用JavaScript的注释语法,而不是HTML的注释方式。虽然可以在script标签内使用HTML注释写法来“隐藏”脚本内容(早期做法),但现代开发中已不再推荐。
1. JavaScript内部注释写法
在script标签中的JavaScript代码,应使用以下两种标准注释方式:
- 单行注释:使用 //,适用于一行内的注释
- 多行注释:使用 /* ... */,适用于跨多行的注释
示例:
<script>
// 这是单行注释:下面的代码弹出欢迎消息
alert("欢迎访问网站");
<p>/*</p><p><span>立即学习</span>“<a href="https://pan.quark.cn/s/cb6835dc7db1" style="text-decoration: underline !important; color: blue; font-weight: bolder;" rel="nofollow" target="_blank">前端免费学习笔记(深入)</a>”;</p><div class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/ai/2643" title="DeepSider"><img
src="https://img.php.cn/upload/ai_manual/001/246/273/176913842282738.png" alt="DeepSider" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/ai/2643" title="DeepSider">DeepSider</a>
<p>浏览器AI侧边栏对话插件,集成多个AI大模型</p>
</div>
<a href="/ai/2643" title="DeepSider" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div><ul><li>这是多行注释</li><li>可以写多行说明</li><li>用于解释复杂逻辑
*/
function sayHello() {
console.log("Hello World");
}
</script>2. HTML注释在script中的历史用法
在早期浏览器不支持JavaScript时,开发者会用HTML注释将脚本包裹,防止脚本代码被当作文本显示出来。这种写法现在已过时,但你可能在旧代码中看到:
<script>
<!--
alert("这段代码被隐藏了");
function test() { return true; }
//-->
</script>
现代浏览器完全支持JavaScript,这种写法不再需要,但也不会报错。
3. 实际建议
- 只使用JavaScript原生注释(// 和 /* */)来注释代码
- 不要依赖HTML注释来“保护”或“隐藏”脚本内容
- 保持代码清晰,注释说明函数作用、参数意义或复杂逻辑
基本上就这些。注释是为了让代码更易读,用对方法才有效。










