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 相关文章推荐
JS中typeof与instanceof之间的区别总结
Nov 14 Javascript
JS 获取浏览器和屏幕宽高等信息代码
Mar 31 Javascript
JS中的form.submit()不能提交表单的错误原因
Oct 08 Javascript
javascript版2048小游戏
Mar 18 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
JS 实现Base64编码与解码实例详解
Nov 07 Javascript
AngularJS开发教程之控制器之间的通信方法分析
Dec 25 Javascript
基于ajax与msmq技术的消息推送功能实现代码
Dec 26 Javascript
使用BootStrap实现标签切换原理解析
Mar 14 Javascript
Node.js实现简单管理系统
Sep 23 Javascript
React学习之受控组件与数据共享实例分析
Jan 06 Javascript
JS如何调用WebAssembly编译出来的.wasm文件
Nov 05 Javascript
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通过session id 实现session共享和登录验证的代码
2012/06/03 PHP
CodeIgniter使用smtp服务发送html邮件的方法
2015/06/10 PHP
Thinkphp通过一个入口文件如何区分移动端和PC端
2017/04/18 PHP
JavaScript 基础知识 被自己遗忘的
2009/10/15 Javascript
jquery 批量上传图片实现代码
2010/01/28 Javascript
IE event.srcElement和FF event.target 功能比较
2010/03/01 Javascript
在JavaScript并非所有的一切都是对象
2013/04/11 Javascript
三种方式获取XMLHttpRequest对象
2014/04/21 Javascript
javascript实现的一个随机点名功能
2014/08/26 Javascript
javascript笛卡尔积算法实现方法
2015/04/08 Javascript
详解JavaScript表单验证(E-mail 验证)
2016/03/31 Javascript
js计算系统当前日期是星期几的方法
2016/07/14 Javascript
JS判断是否在微信浏览器打开的简单实例(推荐)
2016/08/24 Javascript
jQuery实现动态生成表格并为行绑定单击变色动作的方法
2017/04/17 jQuery
node.js中cluster的使用教程
2017/06/09 Javascript
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
Vue实战之vue登录验证的实现代码
2017/10/31 Javascript
vue element-ui 绑定@keyup事件无效的解决方法
2018/03/09 Javascript
JSON字符串操作移除空串更改key/value的介绍
2019/01/05 Javascript
vuex+axios+element-ui实现页面请求loading操作示例
2020/02/02 Javascript
[03:44]2014DOTA2国际邀请赛 71专访:DK战队赛前讨论视频遭泄露
2014/07/13 DOTA
[42:23]完美世界DOTA2联赛PWL S3 Forest vs Rebirth 第二场 12.10
2020/12/13 DOTA
Win7下Python与Tensorflow-CPU版开发环境的安装与配置过程
2018/01/04 Python
详解如何利用Cython为Python代码加速
2018/01/27 Python
详解基于Facecognition+Opencv快速搭建人脸识别及跟踪应用
2021/01/21 Python
美国卡车、吉普车和SUV零件网站:4 Wheel Parts
2016/11/24 全球购物
美国一家运动专业鞋类零售商:Warehouse Shoe Sale(WSS)
2018/03/28 全球购物
一道Delphi面试题
2016/10/28 面试题
单位在职证明范本
2014/01/09 职场文书
广场舞大赛策划方案
2014/05/31 职场文书
元旦趣味活动方案
2014/08/22 职场文书
2014年项目经理工作总结
2014/11/24 职场文书
董事长秘书岗位职责
2015/02/13 职场文书
老兵退伍感言
2015/08/03 职场文书
如何写好活动总结
2019/06/21 职场文书
PHP实现考试倒计时功能代码
2021/04/16 PHP