js对html进行转义和反转义的操作
为什么80%的码农都做不了架构师?>>>
“<”如何反转义为“<”,“>”如何反转义为“>”,下面就介绍如何用js来实现这种类似的操作。
HTML转义
function HTMLEncode(html) { var temp = document.createElement (“div”); (temp.textContent != null) ? (temp.textContent = html) : (temp.innerText = html); var output = temp.innerHTML; temp = null; return output; }
HTML反转义
function HTMLDecode(text) { var temp = document.createElement(“div”); temp.innerHTML = text; var output = temp.innerText || temp.textContent; temp = null; return output; }
对于HTML反转义还有一种方法,让html自己来解析再取值,原理其实跟上面的一样,不过有这是直接写到页面上。
方法:在页面上写个隐藏的<div id=”decode” style=”display:none;”>未反转义的html内容</div>来放未反转义的html,再用js来获取html。 $(“#decode”).html();
转载于:https://my.oschina.net/SimTao/blog/1800490
js对html进行转义和反转义的操作相关推荐
- js对html转义和反转义以及编码和解码
js对html转义和反转义以及编码和解码 在项目开发过程中,我会有时候遇上这样的一个业务需求:对从数据库中读取出来的html数据进行反转义,才能在当前网页当前进行渲染. 或者另一个需求,对编辑器中的文 ...
- JS实现Html转义和反转义(html编码和解码)的方法总结
1.JS实现html转义和反转义主要有两种方式: 1).利用用浏览器内部转换器实现html转义: 2).用正则表达式实现html转义: 2.封装的JS工具类: var HtmlUtil = {/*1. ...
- html转义字符解码,js对html转义和反转义以及编码和解码
在项目开辟过程当中,我会有时候赶上如许的一个营业需求:对从数据库中读取出来的html数据举行反转义,才在当前网页当前举行衬着. 或许另一个需求,对编辑器中的文本举行编码再传进数据库,或许从库中读取的数 ...
- java中jq转移符,使用StringEscapeUtils对Java中特殊字符进行转义和反转义
https://blog.csdn.net/zdx1515888659/article/details/84966214 Java中转义字符反斜杠 \ 的代替方法 | repalceAll 内涵解析 ...
- TML转义字符:xss攻击与HTML字符的转义和反转义
xss与转义符 xss简单来说: XSS 攻击是页面被注入了恶意的代码 XSS 漏洞是 可以让攻击者注入恶意代码可执行的漏洞 具体参看之前写的: web开发前端安全问题总结--web前端安全问题汇总 ...
- html转义和反转义
我们把一段html代码存入数据库中,然后我们读取出来的时候,系统就给我们转义了 这时候我们把这段显示在html中就显示不出来本来的效果,只能显示一段文本 这时候我们据需要反转义了 //HTML反转义 ...
- 超级简单的 html 转义与反转义
目标 : 前后端通用,规范,实用的html转义与反转义 ps: 网上这种的html转义与反转义博客太多了,并且也更有各的简介,好处是理解的深入,但是不容易统一规范,个人更倾向于规范.加上StringE ...
- 【JavaScript框架封装】JavaScript中的文本字符串的转义和反转义的实现
版权声明:本文为博主原创文章,未经博主允许不得转载.更多学习资料请访问我爱科技论坛:www.52tech.tech https://blog.csdn.net/m0_37981569/article/ ...
- php 转义字符处理,PHP转义与反转义字符串函数详解
在PHP语言中,字符串的转义与反转义是可以使用PHP提供的自有函数addslashes()函数和stripslashes()函数来实现. 1. addslashes()函数 addslashes() ...
- Java - 利用StringEscapeUtils对字符串进行各种转义与反转义
来自:http://blog.csdn.net/chenleixing/article/details/43456987 --------------------------------------- ...
最新文章
- SD2C大会,JavaScript + Delphi + ErLang 讲演相关资料完全公开!
- ASP.NET在.ashx文件中使用session出异常,未将对象引用到对象的实例
- 二十五、Kaggle | 全球听众最多的50首歌曲
- VM克隆之后启动eth0找不到eth0:unknown interface:no such device
- oracle代码实例,oracle存储过程代码实例
- mysql 线性表_线性表之顺序存储,基本操作
- 【Computer Organization笔记22】虚拟存储器:段式存储,页式存储
- java中mydoc_实验二/MyDoc.java · 20175326李一潇/20175326java - Gitee.com
- linux系统调用和库函数调用
- 如何摆脱工具类【转载】
- lufylegend库 鼠标事件 循环事件 键盘事件
- Raki的读paper小记:FastText:Enriching Word Vectors with Subword Information
- flexray VPX控制板设计方案详细
- 计算机技术和通信技术的关系,计算机技术与通信技术的关系
- 微信小程序UI组件库集合(个人收藏)
- win7安装.Net Framework 4,出现错误码(1603,0x80070643)
- 分门别类总结Java中的各种锁,让你彻底记住
- 六级通关笔记--词汇1
- 如何安装vue并创建vue.js框架项目
- 中国数字经济投资态势分析及发展前景深度评估报告2022-2028年版