js转义html，反转义

今天同学问echats 的问题，说有乱码，结果我看到调试器里，js已经编译成html实体了，估计是服务器策略把jsp把输入的变量都变成html实体，导致数据在echats里面显示的不是正常汉字，而是一堆&#XXXXX;费劲千辛万苦找到一篇博客解决了这个问题。

连接：http://blog.chinaunix.net/uid-20511797-id-3118652.html

如果单纯解决这个问题可以提取出部分代码：

 1 var Tools=:{}};
 2 Tools=function(){
 3 this.HTML_DECODE = {
 4         "&lt;" : "<", 
 5         "&gt;" : ">", 
 6         "&amp;" : "&", 
 7         "&nbsp;": " ", 
 8         "&quot;": "\"", 
 9         "?": ""
10 
11         // Add more
12     };
13 this.REGX_HTML_DECODE = /&\w+;|&#(\d+);/g;
14 this.decodeHtml=function(s){
15  var HTML_DECODE = this.HTML_DECODE;
16 
17         s = (s != undefined) ? s : this.toString();
18         return (typeof s != "string") ? s :
19             s.replace(this.REGX_HTML_DECODE,
20                       function($0, $1){
21                           var c = HTML_DECODE[$0];
22                           if(c == undefined){
23                               // Maybe is Entity Number
24                               if(!isNaN($1)){
25                                   c = String.fromCharCode(($1 == 160) ? 32:$1);
26                               }else{
27                                   c = $0;
28                               }
29                           }
30                           return c;
31                       });
32 }}
33 Tools.call(Tools)

稍作分析一下。首先HTML_DECODE是常规的几个html实体，对应的几个字符串和实体。

REGX_HTML_DECODE是使用正则匹配以 &开头接下来至少一个字母数字下划线然后接一个分号（/&\w+;/）或者 &#开头接下来至少一个数字然后接一个分号（/&#(\d+);/）这个可以涵盖所有html实体了

decodeHtml方法中，首先判断传入 s是否合法，如果合法调用replace方法，将正则匹配的两种结果做处理。首先$0匹配到s中的能被匹配到的字符串，然后查看HTML_DECODE中是否有对应的实体字符串，如果有直接返回对应的字符串（30行），如果没有（22行）则判断组匹配（\d+）是不是数字，如果是数字（25行），使用String.fromCharCode方法转成字符，否则返回匹配到的数字（27行）。

###########################################################################################

再给同学使用的时候发现lenend显示不出来了，一调试发现lengend是数组，转义是有问题的，所以修改了一下方法。

 1 var Tools={};
 2 Tools=function(){
 3 this.HTML_DECODE = {
 4         "&lt;" : "<", 
 5         "&gt;" : ">", 
 6         "&amp;" : "&", 
 7         "&nbsp;": " ", 
 8         "&quot;": "\"", 
 9         "?": ""
10 
11         // Add more
12     };
13 this.REGX_HTML_DECODE = /&\w+;|&#(\d+);/g;
14 this.decodeHtml=function(s){
15  var HTML_DECODE = this.HTML_DECODE;
16 
17         s = (s != undefined) ? s : this.toString();
18         return (typeof s == "string") ? 
19             replacecode(s,HTML_DECODE,this.REGX_HTML_DECODE):(Array.isArray(s))?decodeArray(s,HTML_DECODE,this.REGX_HTML_DECODE):s;
20 }
21 
22 function replacecode(s,decode,regxde){
23     return s.replace(regxde,function($0, $1){
24                           var c = decode[$0];
25                           if(c == undefined){
26                               // Maybe is Entity Number
27                               if(!isNaN($1)){
28                                   c = String.fromCharCode(($1 == 160) ? 32:$1);
29                               }else{
30                                   c = $0;
31                               }
32                           }
33                           return c;
34                       })
35 };
36 
37 function decodeArray(arr,decode,regxde){
38     return arr.map(function(item){
39         return replacecode(item,decode,regxde)
40     })
41 }
42 
43 }
44 Tools.call(Tools)

测试之后可以了。

来源：https://www.cnblogs.com/web-Timer/p/5706960.html

标签

js代码

html代码

string

decode