如何在 JavaScript 中轉義 HTML 特殊字元？-js教程-PHP中文網

如何在 JavaScript 中轉義 HTML 特殊字元？

Barbara Streisand

發布： 2024-12-10 10:12:14

原創

655 人瀏覽過

How to Escape HTML Special Characters in JavaScript?

在JavaScript 中轉義HTML 特殊字元：

當您嘗試透過JavaScript 函數在HTML 頁面上顯示文字時，您可能會遇到轉義HTML 特殊字元的挑戰。這些字符，例如（大於），可能會導致意外的渲染問題。

幸運的是，JavaScript 提供了一種有效的方法來處理此任務：

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

登入後複製

例如，如果您有以下不安全文字：

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

登入後複製

可以使用escapeHtml函數來轉義特殊的字元：

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

登入後複製

產生的轉義文字將是：

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

登入後複製

此轉義文字現在可以安全地顯示在HTML 頁面上，而不會出現任何渲染問題。

對於現代網頁瀏覽器，您可以使用replaceAll函數來簡化轉義過程：

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

登入後複製

透過實作一個透過這些解決方案，您可以有效地轉義JavaScript 中的HTML 特殊字符，確保網頁上文字的無縫顯示。

以上是如何在 JavaScript 中轉義 HTML 特殊字元？的詳細內容。更多資訊請關注PHP中文網其他相關文章！