HOWTO · JavaScript

JavaScript 中的转义引号

JavaScript 转义引号可以有多种类型。可以使用双引号或单引号或(\)。另一种操作转义引号的方法是使用实体字符。

本页内容

在 JavaScript 中,在定义字符串时,我们使用引号 (" ") 作为上下文的边界。我们经常使用撇号(' ') 来完成类似的任务。当我们的上下文中有这些字符之一时,问题就会出现。自动地,当显示网页时,一些上下文会被截断。

所以,为了解决这个问题,我们使用了\"\'\\,以及更多的转义引号。除此之外,我们还喜欢一些 XML 特殊字符代码来定义这些符号,例如"'

在下一节中,我们将通过一些代码示例来演示这些案例。

在 JavaScript 中使用转义引号(\"\'

在这里,当我们用" "定义字符串时,如果内部上下文中有任何引号,它将不会被操作。但是,解决方案说在上下文的一部分 quotation 之前使用反斜杠。但在这种情况下,你在上下文中有一个撇号,它会正常工作。

代码片段:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>test</title>
</head>
<body>
<p id="okay"></p>
</body>
</html>
var x = 'I\'m cool.';
var y = 'Hey! It\'s "Nelson"!';
var z = 'The board has a "Cross" sign.';


document.getElementById('okay').innerHTML = x + '<br>' + y + '<br>' + z;

输出:

javascript 中的转义引号

如你所见,每当我们对字符串使用" " 时,字符串中的" " 都需要一个反斜杠。同样,当字符串被' '包裹时,任何内部的'在符号之前都会有一个反斜杠。

在 JavaScript 中使用实体字符作为转义引号

HTML 的实体字符也像转义引号一样工作。该惯例要求一个&quot; 一个引号"标记和一个&apos; 用于显示一个撇号'

代码片段:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width">
  <title>test</title>
</head>
<body>
<p id="okay"></p>
</body>
</html>
var a1 = 'Hey, would you mind saying &quot;Hi&quot;?';
var a2 = 'Okay! &apos;Hello&apos;';

document.getElementById('okay').innerHTML = a1 + '<br>' + a2;

输出:

javascript 中的转义引号