首页 > web前端 > js教程 > 如何在 JavaScript 中转义 HTML 特殊字符?

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

DDD
发布: 2024-12-06 01:40:10
原创
364 人浏览过

How Do I Escape HTML Special Characters in JavaScript?

在 JavaScript 中转义 HTML 特殊字符

使用 JavaScript 函数在 HTML 中显示文本时,转义 HTML 特殊字符至关重要,以防止错误和错误意外的行为。您需要转义的特殊字符包括 &(与号)、 (大于)、"(双引号)和 '(单引号)。

使用函数转义 HTML 特殊字符

幸运的是,JavaScript 提供了一种简单的方法使用以下函数转义这些特殊字符:

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

此函数采用不安全字符串作为输入并返回通过将 HTML 特殊字符的所有实例替换为其转义的等效字符来转义字符串。

在现代浏览器中转义 HTML 特殊字符

对于支持 ReplaceAll 方法的现代 Web 浏览器,您可以使用简化版本的转义函数:

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

通过使用这些函数,您可以安全地显示 HTML 特殊字符在您的 JavaScript 函数中,确保您的内容正确呈现且没有任何安全问题。

以上是如何在 JavaScript 中转义 HTML 特殊字符?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板