如何在 JavaScript 中转义 HTML 特殊字符？-js教程-PHP中文网

如何在 JavaScript 中转义 HTML 特殊字符？

Barbara Streisand

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

原创

650 人浏览过

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中文网其他相关文章！