当前位置: 首页 > news >正文

JavaScript语法基础之转义字符与注释

目录

1. 转义字符

2. 注释

2.1. 单行注释

2.2. 多行注释

练习


1. 转义字符

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script>
      document.write("Gok,给'你'初恋般的感觉~");
    </script>
  </head>
  <body></body>
</html>
  • 所谓的转义字符,指的是在默认情况下某些字符在浏览器是无法显示的,不过为了能够让这些字符能够显示出来,我们可以使用这些字符对应的转义字符来代替。
  • JavaScript 中,常见的转义字符如表所示。

转义字符

说明

&#39;

英文单引号

&quot;

英文双引号

\n

换行符

  • 实际上,JavaScript 中的转义字符很多,但是我们只需要记住上面 3 种就可以了。
  • 此外还需要特别说明一下,对于字符串的换行,有以下 2 种情况。
    • 如果是在 document.write() 中换行,则应该用:<br/>
    • 如果是在 alert() 中换行,则应该用:\n
  • 举例:document.write() 中的换行
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script>
      document.write("Gok,<br/>初恋般的感觉~");
    </script>
  </head>
  <body></body>
</html>
  • 举例:alert() 中的换行
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script>
      alert("Gok,\n初恋般的感觉");
    </script>
  </head>
  <body></body>
</html>

2. 注释

  • JavaScript 中,为一些关键代码注释是非常有必要的。
  • 注释的好处很多,比如方便理解、方便查找或方便项目组里的其他开发人员了解你的代码,而且也方便以后你对自己的代码进行修改。

2.1. 单行注释

  • 当注释的内容比较少,只有一行时,我们可以使用单行注释的方式。
  • 语法:
// 单行注释
  • 举例:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script>
      //这是JavaScript注释(单行)
      document.write("不要把无知当个性");
    </script>
  </head>
  <body>
    <!--这是HTML注释-->
    <div></div>
  </body>
</html>

2.2. 多行注释

  • 当注释的内容比较多,用一行表达不出来时,我们可以使用多行注释的方式。
  • 语法:
/* 多行注释 */
  • 举例:
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title></title>
    <script>
      /*
          这是JavaScript注释(多行)
          这是JavaScript注释(多行)
          这是JavaScript注释(多行)
         */
      document.write("不要把无知当个性");
    </script>
  </head>
  <body>
    <div></div>
  </body>
</html>
练习

输入正整数后判断是偶数还是奇数,在浏览器输出。

<script>
        var a=parseInt(prompt("请输入正整数"));
        let b = a%2==0?alert("偶数"):alert("奇数")
</script>

相关文章:

  • 【人工智能】Transformers之Pipeline(十):视频分类(video-classification)
  • 设计模式之解释器模式
  • 得到任务式 大模型应用开发学习方案
  • 字符函数和字符串函数(一)
  • 如何优雅的薅羊毛之Flux.1免费使用还支持中文prompt
  • Git使用方法(二)---常用命令-半小时学会git
  • Vue3项目-Electron构建桌面应用程序
  • 【软件造价咨询】软件造价之全国各省市功能点单价分析
  • mongodb分片集群搭建
  • 【YOLO】常用脚本
  • A1095 Cars on Campus (30)
  • SDL 锁屏视频卡死bug原因
  • 线程的控制
  • 10 个 C# 关键字和功能
  • 网络编程——基于TCP的自动同步云服务器
  • LVS配置
  • 数据捕手:Python 爬虫在社交媒体的深度探索
  • Eureka高可用性配置:如何实现Eureka集群与故障转移
  • 构建Docker镜像时,遇到从`deb.debian.org`下载软件包速度很慢
  • 【Qt】常用控件QPushButton
  • 做的比较好的个人网站/百度灰色关键词技术
  • 老师做家教的网站/googleplay官网
  • 利用淘宝联盟做网站/关键词搜索排名工具
  • app建设网站公司哪家好/百度网站快速排名公司
  • 做推广用那个网站吗/中国万网官网
  • wordpress网站更改主题信息/网络平台怎么创建