JavaScript 中的轉義引號

Anika Tabassum Era 2023年10月12日
  1. 在 JavaScript 中使用轉義引號(\"\'
  2. 在 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 中的轉義引號

Anika Tabassum Era avatar Anika Tabassum Era avatar

Era is an observer who loves cracking the ambiguos barriers. An AI enthusiast to help others with the drive and develop a stronger community.

LinkedIn Facebook