在JavaScript中对字符串进行转义和反转义操作,常用的方法莫过于使用encodeURI (decodeURI)、encodeURIComponent (decodeURIComponent)这几个方法,具体使用方法和区别。
但是如何在JavaScript中对HTML进行反转义操作呢?例如下面这段代码:
",desc: "<%= data.content? data.content : '' %>",image: "<%- data.img? data.img : '' %>"
};
其中<%= %>包起来的部分是从服务端返回的值(上例中的代码取自Node.js中Express的ejs模板的代码)。如果从服务端返回的字符串中包含有引号,例如单引号或者双引号,那上述这段JS代码在浏览器中解释的时候会出现错误。如何解决这个问题呢?
其基本思路是通过页面上DOM元素的innerHTML属性将字符串进行HTML反转义,然后将值返回给JavaScript的变量。看下面两段代码:
1. 原生JavaScript写法:
htmlDecode("");
').html(value).text(); }