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 中的轉義引號