博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在JavaScript中对HTML进行反转义
阅读量:7218 次
发布时间:2019-06-29

本文共 755 字,大约阅读时间需要 2 分钟。

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 $('
').html(value).text(); }

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

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

var jsonData = {    title: $('
').html("<%= data.name? data.name : title %>").text(), desc: $('
').html("<%= data.nontent? data.nontent : '' %>").text(), image: "<%- data.img? data.img : '' %>"};

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

转载地址:http://dhtym.baihongyu.com/

你可能感兴趣的文章
从输入 URL 到页面加载完成的过程中都发生了什么事情?
查看>>
实例讲解JQuery中this和$(this)区别
查看>>
centos 7 静态ip地址模板
查看>>
影响系统性能的20个瓶颈
查看>>
shell的详细介绍和编程(上)
查看>>
软件开发性能优化经验总结
查看>>
面试题编程题05-python 有一个无序数组,如何获取第K 大的数,说下思路,实现后的时间复杂度?...
查看>>
kendo grid序号显示
查看>>
Spring 教程(二) 体系结构
查看>>
Indexes
查看>>
2.Web中使用iReport 整合----------创建html格式的
查看>>
异常备忘:java.lang.UnsupportedClassVersionError: Bad version number in .class file
查看>>
最全三大框架整合(使用映射)——applicationContext.xml里面的配置
查看>>
初步理解Java的三大特性——封装、继承和多态
查看>>
知识点积累(一)
查看>>
iphone-common-codes-ccteam源代码 CCFile.m
查看>>
python:浅析python 中__name__ = '__main__' 的作用
查看>>
修改tomcat端口后不能IP访问问题
查看>>
review board
查看>>
URAL 1495 One-two, One-two 2
查看>>