Escape-Zeichen in JavaScript
-
Verwendung von Escape-Zitaten (
\"und\') in JavaScript - Verwendung von Entitätszeichen als Escape-Zitat in JavaScript
In JavaScript verwenden wir beim Definieren einer Zeichenfolge Anführungszeichen (" ") als Begrenzung des Kontexts. Oft verwenden wir das Apostroph(' '), um eine ähnliche Aufgabe zu erledigen. Das Problem taucht auf, wenn wir eines dieser Zeichen in unserem Kontext haben. Wenn die Webseite angezeigt wird, werden automatisch einige Kontexte abgeschnitten.
Um dieses Problem zu lösen, verwenden wir also \", \', \\ und viele weitere Escape-Anführungszeichen. Zusammen mit diesen bevorzugen wir auch einen XML-Sonderzeichencode, um solche Symbole zu definieren, wie z. ", '.
Im nächsten Abschnitt demonstrieren wir die Fälle anhand einiger Codebeispiele.
Verwendung von Escape-Zitaten (\" und \') in JavaScript
Wenn wir hier die Zeichenfolge mit " " definieren, wird sie nicht ausgeführt, wenn im inneren Kontext ein Zitat vorhanden ist. Die Lösung sagt jedoch, dass vor dem Zitat, einem Teil des Kontexts, ein Backslash verwendet werden soll. Aber in diesem Fall haben Sie ein Apostroph im Kontext, es wird gut funktionieren.
Code-Auszug:
<!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;
Ausgabe:
Wie Sie sehen können, benötigt das Anführungszeichen innerhalb des Strings immer einen Backslash, wenn wir " " für Strings verwenden. Auch hier gilt: Wenn die Zeichenkette mit dem ' ' umschlossen ist, hat jeder innere Apostroph direkt vor dem Zeichen einen umgekehrten Schrägstrich.
Verwendung von Entitätszeichen als Escape-Zitat in JavaScript
Entitätszeichen von HTML funktionieren auch wie Escape-Anführungszeichen. Die Konvention erfordert ein " für ein Anführungszeichen und ein ' zur Anzeige eines Apostrophs.
Code-Auszug:
<!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;
Ausgabe:
