当前位置: 首页 > 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
  • 百亿基金经理调仓路径曝光,张坤、陈皓、胡昕炜又有新动作
  • 五一假期上海两大机场客流量超193万人次,创历年同期最高
  • 长沙天心阁举办古琴音乐会:文旅向深,让游客听见城市的底蕴
  • 伯克希尔董事会投票决定:阿贝尔明年1月1日起出任CEO,巴菲特继续担任董事长
  • 江南华南较强降雨扰返程,北方大部需防风沙
  • 人民日报和音:引领新时代中俄关系坚毅前行