html编辑转码,4种方法实现Html转码
var HtmlUtil = {
/*1.用浏览器内部转换器实现html转码*/
htmlEncode: function(html) {
//1.首先动态创建一个容器标签元素,如DIV
var temp = document.createElement("div");
//2.然后将要转换的字符串设置为这个元素的innerText(ie支持)或者textContent(火狐,google支持)
temp.textContent != undefined
? (temp.textContent = html)
: (temp.innerText = html);
//3.最后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串了
var output = temp.innerHTML;
temp = null;
//return output;
console.log(output);
},
/*2.用浏览器内部转换器实现html解码*/
htmlDecode: function(text) {
//1.首先动态创建一个容器标签元素,如DIV
var temp = document.createElement("div");
//2.然后将要转换的字符串设置为这个元素的innerHTML(ie,火狐,google都支持)
temp.innerHTML = text;
//3.最后返回这个元素的innerText(ie支持)或者textContent(火狐,google支持),即得到经过HTML解码的字符串了。
var output = temp.innerText || temp.textContent;
temp = null;
// return output;
console.log(output);
},
/*3.用正则表达式实现html转码*/
htmlEncodeByRegExp: function(str) {
var s = "";
if (str.length == 0) return "";
s = str.replace(/&/g, "&");
s = s.replace(/
s = s.replace(/>/g, ">");
s = s.replace(/ /g, " ");
s = s.replace(/\‘/g, "‘");
s = s.replace(/\"/g, """);
s = s.replace(/¥/g, "¥");
//return s;
console.log(s);
},
/*4.用正则表达式实现html解码*/
htmlDecodeByRegExp: function(str) {
var s = "";
if (str.length == 0) return "";
s = str.replace(/&/g, "&");
s = s.replace(/
s = s.replace(/>/g, ">");
s = s.replace(/ /g, " ");
s = s.replace(/‘/g, "‘");
s = s.replace(/"/g, ‘"‘);
s = s.replace(/¥/g, "¥");
// return s;
console.log(s);
}
};
HtmlUtil.htmlEncode(‘
‘);
HtmlUtil.htmlDecode(‘¥‘);
HtmlUtil.htmlEncodeByRegExp(‘
‘);
HtmlUtil.htmlDecodeByRegExp(‘¥‘)
结果如下:
原文:https://www.cnblogs.com/Winny0519/p/10362618.html
html编辑转码,4种方法实现Html转码相关推荐
- 读取xml文件转成ListT对象的两种方法(附源码)
读取xml文件转成List<T>对象的两种方法(附源码) 读取xml文件,是项目中经常要用到的,所以就总结一下,最近项目中用到的读取xml文件并且转成List<T>对象的方法, ...
- 微信小程序转二维码两种方法
话不多说,直接上干货 第一种方法: 首先,你需要在电脑上打开https://mp.weixin.qq.com注册一个个人微信订阅号, 其次,登陆微信电脑版,微信号关注你注册的订阅号,这是重点 注册好了 ...
- 利用多线程爬虫搭建代理ip池的两种方法(含源码)
搭建爬虫代理ip池的两种方法(含源码) 前言 一.ip池是什么? 二.爬取原理 三.使用步骤 方法一 爬取网站https://www.kuaidaili.com/ 验证 存取到mysql 方法二 爬取 ...
- mongodb java crud_MongoDB用Java,简单的CRUD操作,两种方法,附源码下载。
两种不同的连接数据库的方式来操作. MongoClient mongoClient = new MongoClient( "localhost" , 27017 ); 方法1: D ...
- PDF文件如何编辑?这两种方法是我一直在用的
我最近总是收到小伙伴们的私信,表示不知道PDF的文件怎么编辑.作为一名工作多年的打工人,我已经积累几个不错的方法,帮助大家快速编辑PDF文件,不知道PDF的文件怎么编辑的小伙伴就接着往下看看吧,相信可 ...
- 两种方法扫二维码下载APP,获取IPA安装包
注意:苹果手机只有UDID被加入到开发者的设备中之后才可以扫描二维码安装否则不能安装,如果没有请将UDID加入到开发者设备中重新下载证书点击运行就可以了(电脑证书不用动). 如果不知道怎么查UDID请 ...
- gatsby_使用TinaCMS + Gatsby编辑Markdown的3种方法
gatsby Supercharge your static site with real-time content editing!
- HTTP简介、请求方法与响应状态码
点击上方"方志朋",选择"置顶或者星标" 你的关注意义重大! Https相关的文章,请看这一篇:TCP.IP协议族之数字签名与HTTPS详解 接下来想系统的回顾 ...
- TCP/IP协议族(一) HTTP简介、请求方法与响应状态码
接下来想系统的回顾一下TCP/IP协议族的相关东西,当然这些东西大部分是在大学的时候学过的,但是那句话,基础的东西还是要不时的回顾回顾的.接下来的几篇博客都是关于TCP/IP协议族的,本篇博客就先简单 ...
最新文章
- 你必须会的--Dijkstra算法--单源最短路径问题
- Python变量使用前必须先声明,并且一旦声明就不能在当前作用域内改变其类型————(错)
- BCGControlBar MFC对话框换肤 续
- POJ 2263 Heavy Cargo 多种解法
- 【BZOJ-14492895】球队收益球队预算 最小费用最大流
- windows安装多个maven_全网最容易理解的Maven安装、配置、集成演示
- IIS------配置.Net 4.0
- marven编译时:<pre>错误: 不允许使用自关闭元素</pre>
- 注册github邮箱验证收不到邮件问题
- python实现自动关机
- [kaggle]泰坦尼克预测(代码解析)
- 微服务架构(Microservices)
- Web前端:什么是前端框架?
- sql语法基础,sql分组查询
- iOS开发拓展篇—音效的播放
- 就..而言as far as ..is concerned
- 2018-09-14 工作日报和第一周总结
- 安徽财经大学434国际商务专业基础考研历年真题库资料
- 数仓建模主题--事件归因分析主题
- 移动端(微信)页面 不回弹