js转html实体的方法


Posted in Javascript onSeptember 27, 2016

方法一:

用的浏览器内部转换器实现转换,方法是动态创建一个容器标签元素,如DIV,将要转换的字符串设置为这个元素的innerText,然后返回这个元素的innerHTML,即得到经过HTML编码转换的字符串。

function HTMLEncode ( input ) 
{ 
var converter = document.createElement("DIV"); 
converter.innerText = input; 
var output = converter.innerHTML; 
converter = null; 
return output; 
}

当 然,还可以用相同的方法实现对字符串的HTMLDecode解码,但有个问题就是紧跟在字符" <"后面的非空字符将连同字符" <"同时显示不出来。当然,对字符串作相应处理是可以解决这个问题的,比如在字符" <"后面加个空格,解码后再去掉就行,这是后话。毕竟,要使用 HTMLDecode方法解码,自然是字符串已经经过HTMLEncode方法编码了,而经过HTMLEncode编码后的字符串,是不可能有字符 " <"存在的。

function HTMLDecode ( input ) 
{ 
var converter = document.createElement("DIV"); 
converter.innerHTML = input; 
var output = converter.innerText; 
converter = null; 
return output; 
}

方法二:

<script  language=javascript> 

 function  HTMLEnCode(str) 
 { 
    var  s  =  ""; 
    if  (str.length  ==  0)  return  ""; 
    s  =  str.replace(/&/g,  ">"); 
    s  =  s.replace(/ </g,    "<"); 
    s  =  s.replace(/>/g,    ">"); 
    s  =  s.replace(/  /g,    " "); 
    s  =  s.replace(/\'/g,   "'"); 
    s  =  s.replace(/\"/g,   """); 
    s  =  s.replace(/\n/g,   " <br>"); 
    return  s; 
 } 
 function  HTMLDeCode(str) 
 { 
    var  s  =  ""; 
    if  (str.length  ==  0)  return  ""; 
    s  =  str.replace(/>/g,  "&"); 
    s  =  s.replace(/</g,    " <"); 
    s  =  s.replace(/>/g,    ">"); 
    s  =  s.replace(/ /g,    "  "); 
    s  =  s.replace(/'/g,   "\'"); 
    s  =  s.replace(/"/g,   "\""); 
    s  =  s.replace(/ <br>/g,   "\n"); 
    return  s; 
 } 
 </script>

以上就是小编为大家带来的js转html实体的方法的全部内容了,希望对大家有所帮助,多多支持三水点靠木~

Javascript 相关文章推荐
网站被黑的假象--ARP欺骗之页面中加入一段js
May 16 Javascript
Iframe 自适应高度并实时监控高度变化的js代码
Oct 30 Javascript
jquery全选/全不选/反选另一种实现方法(配合原生js)
Apr 07 Javascript
jQuery+css3实现文字跟随鼠标的上下抖动
Jul 31 Javascript
jQuery表单事件实例代码分享
Aug 18 Javascript
jquery移除了live()、die(),新版事件绑定on()、off()的方法
Oct 26 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
ES6实现的遍历目录函数示例
Apr 07 Javascript
angularJs在多个控制器中共享服务数据的方法
Sep 30 Javascript
Electron vue的使用教程图文详解
Jul 05 Javascript
鸿蒙系统中的 JS 开发框架
Sep 18 Javascript
vue使用echarts画组织结构图
Feb 06 Vue.js
JSON与String互转的实现方法(Javascript)
Sep 27 #Javascript
通过JS获取Request.QueryString()参数的值实现方法
Sep 27 #Javascript
微信小程序使用第三方库Underscore.js步骤详解
Sep 27 #Javascript
微信小程序使用第三方库Immutable.js实例详解
Sep 27 #Javascript
微信小程序 在Chrome浏览器上运行以及WebStorm的使用
Sep 27 #Javascript
微信小程序 开发指南详解
Sep 27 #Javascript
纯JavaScript 实现flappy bird小游戏实例代码
Sep 27 #Javascript
You might like
PHP数组及条件,循环语句学习
2012/11/11 PHP
WordPress中对访客评论功能的一些优化方法
2015/11/24 PHP
PHP浮点数的一个常见问题
2016/03/10 PHP
php基于PDO连接MSSQL示例DEMO
2016/07/13 PHP
Laravel框架查询构造器 CURD操作示例
2019/09/04 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
JavaScript方法和技巧大全
2006/12/27 Javascript
动态修改DOM 里面的 id 属性的弊端分析
2008/09/03 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
js写一个字符串转成驼峰的实例
2013/06/21 Javascript
JavaScript中for..in循环陷阱介绍
2013/11/12 Javascript
jquery组件使用中遇到的问题整理及解决
2014/02/21 Javascript
JS的encodeURI和java的URLDecoder.decode使用介绍
2014/05/08 Javascript
javascript如何写热点图
2015/12/08 Javascript
Jquery on方法绑定事件后执行多次的解决方法
2016/06/02 Javascript
JS提示:Uncaught SyntaxError: Unexpected token ILLEGAL错误的解决方法
2016/08/19 Javascript
浅析JavaScript中的特殊数据类型
2017/12/15 Javascript
JS获取url参数,JS发送json格式的POST请求方法
2018/03/29 Javascript
javascript数组去重方法总结(推荐)
2019/03/20 Javascript
JS函数本身的作用域实例分析
2020/03/16 Javascript
在vue中使用Base64转码的案例
2020/08/07 Javascript
python实现定时播放mp3
2015/03/29 Python
Python 爬虫的工具列表大全
2016/01/31 Python
python中报错&quot;json.decoder.JSONDecodeError: Expecting value:&quot;的解决
2019/04/29 Python
利用Python实现Shp格式向GeoJSON的转换方法
2019/07/09 Python
django rest framework vue 实现用户登录详解
2019/07/29 Python
python实现从尾到头打印单链表操作示例
2020/02/22 Python
Python3 pickle对象串行化代码实例解析
2020/03/23 Python
python函数调用,循环,列表复制实例
2020/05/03 Python
Python+Kepler.gl轻松制作酷炫路径动画的实现示例
2020/06/02 Python
美国指甲油品牌:Deco Miami
2017/01/30 全球购物
土耳其国际性时尚购物网站:Modanisa
2018/01/19 全球购物
大学生标准推荐信范文
2013/11/25 职场文书
行政部岗位职责范本
2014/03/13 职场文书
宣传部部长竞选演讲稿
2014/04/26 职场文书
redis连接被拒绝的解决方案
2021/04/12 Redis