在学习转义字符之前，我们先来看一个例子：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
document.write("绿叶，给你初恋般的感觉~");
</script>
</head>
<body>
</body>
</html>
浏览器预览效果如图所示，字符中没有引号。
如果我们想要实现图下这种效果，这个时候该怎么做呢？
不少小伙伴首先想到的，可能就是使用下面这句代码来实现：
document.write("绿叶，给你"初恋"般的感觉~");
试过的小伙伴肯定会疑惑：“怎么在页面没有输出内容呢？”其实大家仔细观察一下就知道，双引号都是成对出现的，这句代码有4个双引号，JavaScript是无法判断前后哪两个双引号是一对的。为了避免这种情况发生，JavaScript引入了转义字符。
所谓的转义字符，指的是在默认情况下某些字符在浏览器是无法显示的，不过为了能够让这些字符能够显示出来，我们可以使用这些字符对应的转义字符来代替。在JavaScript中，常见的转义字符如表所示。
| 转义字符 | 说明 |
|---|---|
\' |
英文单引号 |
\" |
英文双引号 |
| \n | 换行符 |
实际上，JavaScript中的转义字符很多，但是我们只需要记住上面3种就可以了。此外还需要特别说明一下，对于字符串的换行，有以下2种情况。
- （1）如果是在document.write()中换行，则应该用：<br/>
- （2）如果是在alert()中换行，则应该用：\n
举例：document.write()中的换行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
document.write("绿叶，<br/>初恋般的感觉~");
</script>
</head>
<body>
</body>
</html>
浏览器预览效果如图所示。
举例：alert()中的换行
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
alert("绿叶，\n初恋般的感觉");
</script>
</head>
<body>
</body>
</html>
浏览器预览效果如图所示。
分析：
\n是转义字符，一般用于对话框文本的换行。这里如果用<br/>就无法实现了。
