JS正则替换转义HTML，小于号大于号等

weixin_33909059

于 2017-04-11 16:54:00 发布

阅读量2.2k

点赞数

文章标签：前端 javascript ViewUI

原文链接：http://www.cnblogs.com/hasubasora/p/6694295.html

版权

本文介绍了一种前端开发中防止恶意输入的方法，通过使用正则表达式转义特定的HTML字符来避免潜在的安全风险。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在HTML总的标签都是大于号+小于号

那么用户故意输入的话怎么办？那就直接会运行脚本了。

前端需要利用正则去替换掉这些符号

直接封成一个对象方法直接调用！

方法如下：

 1 /** 将text中的html字符转义， 仅转义  ', ", <, > 四个字符
 2      * @param  { String } str 需要转义的字符串
 3      * @returns { String }     转义后的字符串 
 4      */
 5     unhtml(str) {
 6         return str ? str.replace(/[<">']/g, (a) => {
 7             return {
 8                 '<': '&lt;',
 9                 '"': '&quot;',
10                 '>': '&gt;',
11                 "'": '&#39;'
12             }[a]
13         }) : '';
14     },