JavaScript 中的转义引号
Anika Tabassum Era
2023年1月30日
2022年5月5日
在 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 中使用实体字符作为转义引号
HTML 的实体字符也像转义引号一样工作。该惯例要求一个"
一个引号"
标记和一个'
用于显示一个撇号'
。
代码片段:
<!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 "Hi"?";
var a2 = 'Okay! 'Hello'';
document.getElementById('okay').innerHTML = a1 + "<br>" + a2;
输出:
Author: Anika Tabassum Era