Wie kann ich HTML-Sonderzeichen in JavaScript maskieren?

HTML-Sonderzeichen in JavaScript maskieren:

Wenn Sie versuchen, Text auf einer HTML-Seite über eine JavaScript-Funktion anzuzeigen, stoßen Sie möglicherweise auf das Herausforderung, HTML-Sonderzeichen zu maskieren. Diese Zeichen, wie z. B. < (kleiner als) und > (größer als) kann zu unerwarteten Rendering-Problemen führen.

Glücklicherweise bietet JavaScript eine effiziente Möglichkeit, diese Aufgabe zu bewältigen:

function escapeHtml(unsafe) {
    return unsafe
        .replace(/&/g, "&")
        .replace(/</g, "&amp;lt;")
        .replace(/>/g, "&amp;gt;")
        .replace(/&quot;/g, "&amp;quot;")
        .replace(/'/g, "&amp;#039;");
}

Zum Beispiel, wenn Sie den folgenden unsicheren Text haben:

<p>I want to display text with special characters like &," and
</p>

Sie können die Funktion escapeHtml verwenden, um die Sonderzeichen zu maskieren:

const escapedText = escapeHtml('<p>I want to display text with special characters like &," and</p>');

Der resultierende maskierte Text wird sein:

<p>I want to display text with special characters like &amp;,"\ and</p>

Dieser maskierte Text kann jetzt sicher und ohne Rendering-Probleme auf der HTML-Seite angezeigt werden.

Bei modernen Webbrowsern können Sie den Escape-Vorgang mit der Funktion „replaceAll“ vereinfachen :

const escapeHtml = (unsafe) => {
    return unsafe.replaceAll('&amp;', '&amp;amp;').replaceAll('<', '&amp;lt;').replaceAll('>', '&amp;gt;').replaceAll('&quot;', '&amp;quot;').replaceAll("'", '&amp;#039;');
};

Durch die Implementierung einer dieser Lösungen können Sie HTML-Sonderzeichen in JavaScript effektiv maskieren und so die nahtlose Anzeige von Text auf Ihren Webseiten sicherstellen.

Das obige ist der detaillierte Inhalt vonWie kann ich HTML-Sonderzeichen in JavaScript maskieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!