在前端开发中，我们经常需要处理用户输入的数据，以避免 XSS（跨站脚本攻击）等安全问题。 在 PHP 中，我们可以使用 htmlspecialchars 函数来转义特殊字符，如下所示：
---- -------------------------------------------------- -- ------------------------------------------------------
那么在 JavaScript 中，有什么等效的方法呢？答案是 encodeURIComponent() 和 innerHTML。
encodeURIComponent()
encodeURIComponent() 函数将字符串作为 URI 组件进行编码。该函数可用于将字符串转义为可以在 HTML 中使用的格式。具体来说，它会将大部分 ASCII 字符编码成 %xx 的形式，其中 xx 是两个十六进制数字。
例如，我们可以使用以下代码来转义上面的例子：
----- ------- - ---------------------------------------------------- --------------------- -- ----------------------------------------
可以看到，< 会被编码为 %3C，而 > 会被编码为 %3E。这样，我们就可以将编码后的字符串插入到 HTML 中，而不必担心 XSS 攻击了。
innerHTML
另一个等效的方法是使用 innerHTML 属性。当设置元素的 innerHTML 时，任何 HTML 标记都将被解析并插入到文档中。在这个过程中，所有特殊字符都会自动被转义。
例如，我们可以使用以下代码来转义上面的例子：
----- --- - ------------------------------ ------------- - -------------------------------- --------------------------- -- --------------------------------------------
可以看到，< 会被转义为 <，而 > 会被转义为 >。同样，这样我们也可以避免 XSS 攻击。
需要注意的是，使用 innerHTML 属性时要非常小心，因为它可能会导致其他安全问题，如跨站脚本攻击和 CSS 注入攻击。
总结
在 JavaScript 中，我们可以使用 encodeURIComponent() 函数或 innerHTML 属性来转义特殊字符，以避免 XSS 攻击。然而，在实际应用中，我们需要根据具体情况选择合适的方法，并且要注意其他安全问题。
示例代码：
----- ------- - ---------------------------------------------------- --------------------- ----- --- - ------------------------------ ------------- - -------------------------------- ---------------------------
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/10094