javascript怎么实现反转义

javascript实现反转义的方法:1、打开相应的javascript代码文件;2、通过“var jsonData={title: $(”).html(“

javascript怎么实现反转义

本文操作环境:windows7系统、javascript1.8.5版、Dell G3电脑。

javascript怎么实现反转义?

在JavaScript中对HTML进行反转义:

  在JavaScript中对字符串进行转义和反转义操作,常用的方法莫过于使用encodeURI (decodeURI)、encodeURIComponent (decodeURIComponent)这几个方法,具体使用方法和区别可以参考这篇文章http://qianduanblog.com/post/js-learning-34-en-decodeuri-en-decodeuricomponent-un-escape-btoa-atob.html

立即学习“Java免费学习笔记(深入)”;

  但是如何在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("javascript怎么实现反转义");

登录后复制

2. JQuery写法:

function htmlDecode(value){   return $('
').html(value).text(); }

登录后复制

  第一个函数使用原生的JavaScript方法创建一个DIV元素,然后将需要反转义的字符串赋值给它的innerHTML属性,最后返回DIV元素的nodeValue属性的值。第二个函数则使用JQuery的方法,其基本原理和第一个函数相同。由于DIV元素都只是在内存中创建,并未append或inert到页面上,所以不会对现有的页面产生任何影响。

  最后,我们将一开始的那段代码改成下面的这种方式:

var jsonData = {    title: $('
').html("").text(),    desc: $('
').html("").text(),    image: ""};

登录后复制

   这样便可以在JavaScript中对服务器端返回的字符串进行HTML反转义操作了。

【推荐学习:javascript基础教程】

以上就是javascript怎么实现反转义的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2633696.html

(0)
上一篇 2025年3月7日 04:24:35
下一篇 2025年2月25日 17:23:11

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • javascript常用框架有哪些

    javascript常用框架有:1、Angular;2、Vuejs;3、Node.js;4、Backbone;5、Ember.js;6、three.js;7、Mocha;8、Next.js;9、Polymer;10、Mithril等等。 本…

    2025年3月7日 编程技术
    200
  • php与JavaScript有什么区别

    区别:1、php是一个服务端语言,而JavaScript是一个客户端语言;2、php的字符串连接符是“.”,而JS的是“+”;3、数组相加,php用“+”,JS用concat()函数;4、php只有变量名区分大小写,而JS全部区分大小写。 …

    2025年3月7日
    200
  • javascript算是编程语言吗

    javascript算是编程语言,并且是一种具有函数优先的轻量级,解释型或即时编译型的编程语言;JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式。 本文操作环境:windows7系统、…

    2025年3月7日
    200
  • javascript什么时候出的

    javascript是1995年出的;JavaScript是一种高级的、解释型的编程语言,是一门基于原型、头等函数的语言,是一门多范式的语言,它支持面向对象程序设计,指令式编程,以及函数式编程。 本文操作环境:Windows7系统、java…

    2025年3月7日
    200
  • javascript是指什么意思

    javascript是一种高级的、解释型的编程语言,也是一门基于原型、头等函数的语言,还是一门多范式的语言,它支持面向对象程序设计、指令式编程以及函数式编程。 本文操作环境:Windows7系统、javascript1.8.5版、DELL …

    2025年3月7日
    200
  • javascript采用什么驱动

    javascript采用事件驱动。JavaScript是一种基于对象和事件驱动并具有安全性能的脚本语言,它采用事件驱动的机制来响应用户操作,当用户对某个html元素进行操作的时候,会产生一个事件,该事件会驱动某些函数来处理。 本教程操作环境…

    2025年3月7日 编程技术
    200
  • java与javascript是什么

    java是一门面向对象编程语言,拥有跨平台、面向对象、泛型编程的特性,广泛应用于企业级Web应用开发和移动应用开发。而javascript是一种跨平台的解释型、动态类型、弱类型、属于网络的脚本语言,用来在网页中添加一些动态效果与交互功能。 …

    2025年3月7日
    200
  • javascript与asp都是脚本语言么

    javascript与asp都是脚本语言。JavaScript是一种浏览器端脚本语言,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果;而asp是一种服务器端脚本语言,可用来创建动态交互式网页并建立强大的web应用程序。 …

    2025年3月7日
    200
  • javascript主要是为了解决什么

    javascript主要是为了解决服务器端语言遗留的速度问题,为客户提供更流畅的浏览效果。当时服务端需要对数据进行验证,由于网络速度相当缓慢,验证步骤浪费的时间太多;于是Netscape开发了Javascript,提供了数据验证的基本功能。…

    2025年3月7日
    200
  • javascript可以在服务器端执行吗

    JavaScript可以在服务器端执行;可以利用nodejs使JavaScript在服务器端执行,因为nodejs是一个基于“Chrome V8”引擎的JavaScript运行环境,是一个让JavaScript运行在服务器端的开发平台。 本…

    2025年3月7日
    200

发表回复

登录后才能评论