JavaScript中如何对字符串进行反转义


本文小编为大家详细介绍“JavaScript中如何对字符串进行反转义”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript中如何对字符串进行反转义”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。
在JavaScript中对字符串进行转义和反转义操作,常用的方法莫过于使用encodeURI (decodeURI)、encodeURIComponent (decodeURIComponent)这几个方法
但是如何在JavaScript中对HTML进行反转义操作呢?例如下面这段代码:
var jsonData = {
title: “”,
desc: “”,
image: “”
};
其中包起来的部分是从服务端返回的值(上例中的代码取自Node.js中Express的ejs模板的代码)。如果从服务端免费云主机域名返回的字符串中包含有引号,例如单引号或者双引号,那上述这段JS代码在浏览器中解释的时候会出现错误。如何解决这个问题呢?
其基本思路是通过页面上DOM元素的innerHTML属性将字符串进行HTML反转义,然后将值返回给JavaScript的变量。看下面两段代码:
1. 原生JavaScript写法:
function htmlDecode(input){
var e = document.createElement(’div’);
e.innerHTML = input;
return e.childNodes.length === 0 ? “” : e.childNodes[0].nodeValue;
}
htmlDecode(”<img src=’myimage.jpg’>”);
2. JQuery写法:
function htmlDecode(value){
return $(’
}
第一个函数使用原生的JavaScript方法创建一个DIV元素,然后将需要反转义的字符串赋值给它的innerHTML属性,最后返回DIV元素的nodeValue属性的值。第二个函数则使用JQuery的方法,其基本原理和第一个函数相同。由于DIV元素都只是在内存中创建,并未append或inert到页面上,所以不会对现有的页面产生任何影响。
最后,我们将一开始的那段代码改成下面的这种方式:
var jsonData = {
title: $(’
desc: $(’
image: “”
};
这样便可以在JavaScript中对服务器端返回的字符串进行HTML反转义操作了。读到这里,这篇“JavaScript中如何对字符串进行反转义”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: css怎么清除浮动

今天小编给大家分享一下css怎么清除浮动的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 为了对立教授教养浮动打算门径,若是了有三个盒子对象,一个…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 09/23 12:02
下一篇 09/23 12:02

相关推荐