如何在Javascript中转义HTML特殊字符

在JavaScript中，可以使用内置的转义函数encodeURIComponent()和decodeURIComponent()来转义和解码HTML特殊字符。

转义HTML特殊字符的方法如下：

1. 使用encodeURIComponent()函数将特殊字符转义为URL编码。该函数将除了字母、数字和以下字符之外的所有字符转义为%xx的形式，其中xx是字符的ASCII码的十六进制表示。

function escapeHTML(html) {
  return encodeURIComponent(html);
}

1. 使用decodeURIComponent()函数将转义后的字符解码为原始字符。

function unescapeHTML(escapedHtml) {
  return decodeURIComponent(escapedHtml);
}

这样，你可以通过调用escapeHTML()函数将HTML特殊字符转义，然后再调用unescapeHTML()函数将转义后的字符解码为原始字符。

例如，将字符串<script>alert('Hello World!');</script>转义为HTML特殊字符：

var html = "<script>alert('Hello World!');</script>";
var escapedHtml = escapeHTML(html);
console.log(escapedHtml);

输出结果为%3Cscript%3Ealert%28%27Hello%20World%21%27%29%3B%3C%2Fscript%3E。

如果你想在JavaScript中直接显示转义后的HTML特殊字符，可以使用innerText属性或textContent属性来避免HTML解析。

这是一个简单的在JavaScript中转义HTML特殊字符的方法，适用于防止XSS攻击或在特定场景下需要转义HTML特殊字符的情况。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云开发者中心
• 腾讯云云服务器（CVM）
• 腾讯云云数据库 MySQL 版
• 腾讯云云原生容器服务 TKE
• 腾讯云人工智能
• 腾讯云物联网平台
• 腾讯云移动开发
• 腾讯云对象存储（COS）
• 腾讯云区块链服务（BCS）
• 腾讯云元宇宙