HTML注释也可以在JavaScript中使用

news/2024/10/22 14:42:49/

你可以在JavaScript中使用HTML注释。不仅仅是在<script>标签中:你可以在包含的独立文件中使用它们,甚至在Node.js和Deno中也可以使用。另一方面,语法高亮没有很好的支持这一点(我看到的唯一一个完全正确的是在Firefox开发者工具中的一个),所以这些片段将显示在我的博客上有点奇怪。如下所示:

// below statement logs 1
console.log(1); <!-- log 1 -->
<!-- above statement logs 1 -->

这完全是一个历史遗留,除了实验之外,用它做任何事情都是一个坏主意。最初的目的是使不支持JavaScript的浏览器可以忽略包含HTML注释的脚本块,而不是将它们视为文本(浏览器将未知元素视为<span>)。因此,JavaScript中的HTML注释会被忽略。这样的代码块可能看起来像这样:

<script><!--// browsers without JavaScript support think this is all in a big comment,// and so don't render this as plain textalert("Hi!");-->
</script>

虽然在过去的二十年里还没有浏览器显示脚本标记的内容(即使禁用了JavaScript),但这种行为不能从浏览器中移除,因为一些网站依赖于此。最终,此行为被添加到ECMAScript规范中,作为仅应在类似浏览器的环境中实现的遗留行为。我不确定为什么Node和Deno支持这一点:也许V8没有任何选项来禁用它?

该规范允许许多有趣的评论行为。我们可以使用与 // 相同的 <!-- 用于行注释,但 --> 仅在行首有效。与实际的块注释不同,HTML-in-JS注释始终是行注释。

// Logs 1
console.log(1); // Logs 1<!-- Logs 2
console.log(3); <!-- Logs 2--> Logs 3
console.log(3);

--> 只允许在一行的开头,因为否则它将中断“转到”操作符(递减后跟大于)。


http://www.ppmy.cn/news/1033733.html

相关文章

[SpringCloud] 组件性能优化技巧

Feign 配置优化hystrix配置 优化ribbon 优化Servlet 容器 优化Zuul配置 优化 文章目录 1.Servlet 容器 优化2.Feign 配置优化3.Zuul配置 优化4.hystrix配置 优化5.ribbon 优化 1.Servlet 容器 优化 默认情况下, Spring Boot 使用 Tomcat 来作为内嵌的 Servlet 容器, 可以将 We…

两只小企鹅(Python实现)

目录 1 和她浪漫的昨天 2 未来的旖旎风景 3 Python完整代码 1 和她浪漫的昨天 是的,春天需要你。经常会有一颗星等着你抬头去看&#xff1b; 和她一起吹晚风吗﹖在春天的柏油路夏日的桥头秋季的公园寒冬的阳台&#xff1b; 这世界不停开花&#xff0c;我想放进你心里一朵&am…

文献综述|NLP领域后门攻击、检测与防御

前言&#xff1a;在信息安全中后门攻击&#xff08;Backdoor Attack&#xff09;是指绕过安全控制而获取对程序或系统访问权的方法。而随着深度学习以及各种神经网络模型的广泛应用&#xff0c;神经网络中存在的后门问题也引起了研究人员的广泛关注。神经网络后门攻击就是使网络…

ReentrantReadWriteLock

关于读写锁状态的存取 // ReentrantReadWriteLock.Sync static final int SHARED_SHIFT 16; static final int SHARED_UNIT (1 << SHARED_SHIFT); static final int MAX_COUNT (1 << SHARED_SHIFT) - 1; static final int EXCLUSIVE_MASK (1 <&l…

MYSQL-习题掌握

文章目录 SQL基本操作1 设计表操作1.1 关系表字段1.2 关系表创建1.3 关系表数据1.4 关系表关系 2 SQL操作2.1 SQL 1-102.2 SQL 11-202.3 SQL 21-302.4 SQL 31-402.5 SQL 41-50 SQL基本操作 1 设计表操作 1.1 关系表字段 1 学生表 student s_ids_names_births_sex学生编号学…

库存管理系统哪个好?亿发云南省大型智能WMS仓储信息解决方案,免费更新

在当今激烈的仓储物流竞争中&#xff0c;企业的成功关键在于加强作业效率和降低话费。随着科技的不断更新&#xff0c;传统仓储方式已逐渐被智能仓储管理系统&#xff08;WMS&#xff09;取代&#xff0c;并逐渐成为行业趋势。大数据时代下&#xff0c;引进行之有效的智能管理系…

轻薄的ESL电子标签有哪些特性?

在智慧物联逐渐走进千万家的当下&#xff0c;技术变革更加日新月异。ESL电子标签作为科技物联的重要组成部分&#xff0c;是推动千行百业数字化转型的重要技术&#xff0c;促进物联网产业的蓬勃发展。在智慧零售、智慧办公、智慧仓储等领域&#xff0c;ESL电子标签在未来是不可…

TypeScript教程(四)基本运算符

一、运算符 TypeScript包含以下几种运算符&#xff1a; 1.算术运算符 2.逻辑运算符 3.关系运算符 4.按位运算符 5.赋值运算符 6.三元/条件运算符 7.字符串运算符 8.类型运算符 1.算术运算符 y5 运算符描述例子x 运算结果y 运算结果加法xy275-减法xy-235*乘法xy*2105…