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转码相关推荐

  1. 读取xml文件转成ListT对象的两种方法(附源码)

    读取xml文件转成List<T>对象的两种方法(附源码) 读取xml文件,是项目中经常要用到的,所以就总结一下,最近项目中用到的读取xml文件并且转成List<T>对象的方法, ...

  2. 微信小程序转二维码两种方法

    话不多说,直接上干货 第一种方法: 首先,你需要在电脑上打开https://mp.weixin.qq.com注册一个个人微信订阅号, 其次,登陆微信电脑版,微信号关注你注册的订阅号,这是重点 注册好了 ...

  3. 利用多线程爬虫搭建代理ip池的两种方法(含源码)

    搭建爬虫代理ip池的两种方法(含源码) 前言 一.ip池是什么? 二.爬取原理 三.使用步骤 方法一 爬取网站https://www.kuaidaili.com/ 验证 存取到mysql 方法二 爬取 ...

  4. mongodb java crud_MongoDB用Java,简单的CRUD操作,两种方法,附源码下载。

    两种不同的连接数据库的方式来操作. MongoClient mongoClient = new MongoClient( "localhost" , 27017 ); 方法1: D ...

  5. PDF文件如何编辑?这两种方法是我一直在用的

    我最近总是收到小伙伴们的私信,表示不知道PDF的文件怎么编辑.作为一名工作多年的打工人,我已经积累几个不错的方法,帮助大家快速编辑PDF文件,不知道PDF的文件怎么编辑的小伙伴就接着往下看看吧,相信可 ...

  6. 两种方法扫二维码下载APP,获取IPA安装包

    注意:苹果手机只有UDID被加入到开发者的设备中之后才可以扫描二维码安装否则不能安装,如果没有请将UDID加入到开发者设备中重新下载证书点击运行就可以了(电脑证书不用动). 如果不知道怎么查UDID请 ...

  7. gatsby_使用TinaCMS + Gatsby编辑Markdown的3种方法

    gatsby Supercharge your static site with real-time content editing!

  8. HTTP简介、请求方法与响应状态码

    点击上方"方志朋",选择"置顶或者星标" 你的关注意义重大! Https相关的文章,请看这一篇:TCP.IP协议族之数字签名与HTTPS详解 接下来想系统的回顾 ...

  9. TCP/IP协议族(一) HTTP简介、请求方法与响应状态码

    接下来想系统的回顾一下TCP/IP协议族的相关东西,当然这些东西大部分是在大学的时候学过的,但是那句话,基础的东西还是要不时的回顾回顾的.接下来的几篇博客都是关于TCP/IP协议族的,本篇博客就先简单 ...

最新文章

  1. 你必须会的--Dijkstra算法--单源最短路径问题
  2. Python变量使用前必须先声明,并且一旦声明就不能在当前作用域内改变其类型————(错)
  3. BCGControlBar MFC对话框换肤 续
  4. POJ 2263 Heavy Cargo 多种解法
  5. 【BZOJ-14492895】球队收益球队预算 最小费用最大流
  6. windows安装多个maven_全网最容易理解的Maven安装、配置、集成演示
  7. IIS------配置.Net 4.0
  8. marven编译时:<pre>错误: 不允许使用自关闭元素</pre>
  9. 注册github邮箱验证收不到邮件问题
  10. python实现自动关机
  11. [kaggle]泰坦尼克预测(代码解析)
  12. 微服务架构(Microservices)
  13. Web前端:什么是前端框架?
  14. sql语法基础,sql分组查询
  15. iOS开发拓展篇—音效的播放
  16. 就..而言as far as ..is concerned
  17. 2018-09-14 工作日报和第一周总结
  18. 安徽财经大学434国际商务专业基础考研历年真题库资料
  19. 数仓建模主题--事件归因分析主题
  20. 移动端(微信)页面 不回弹

热门文章

  1. 查询php僵死进程,linux查找僵尸进程(zombie进程)
  2. 四“知”搞定职场面试关
  3. QT与数据库的连接,查询和修改
  4. 空客扩大RFID技术使用范围,提升供应链自动化程度
  5. 电脑出现乱码的原因以及解决方法
  6. Tomcat 控制台 乱码 淇℃伅
  7. Kali折腾笔记·贰:调教下新系统
  8. 除了google广告以后的国外的广告联盟
  9. 金馆长qq表情包●绿色版【金馆长表情252个】
  10. matlab 灰度化原理公式,imadjust从用法到原理—Matlab灰度变换函数之一