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 相关文章推荐
关于jQuery UI 使用心得及技巧
Oct 10 Javascript
Javascript Boolean、Nnumber、String 强制类型转换的区别详细介绍
Dec 13 Javascript
javascript实用小函数使用介绍
Nov 11 Javascript
分享十五款 jQuery 社交网络分享插件
May 16 Javascript
jquery ajax分页插件的简单实现
Jan 27 Javascript
JavaScript中动态向表格添加数据
Jan 24 Javascript
微信小程序 向左滑动删除功能的实现
Mar 10 Javascript
使用jQuery实现简单的tab框实例
Aug 22 jQuery
vuex 项目结构目录及一些简单配置介绍
Apr 08 Javascript
Angular6项目打包优化的实现方法
Dec 15 Javascript
ES6 Object.assign()的用法及其使用
Jan 18 Javascript
解决vue动态下拉菜单 有数据未反应的问题
Aug 06 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
jQuery LigerUI 使用教程入门篇
2012/01/18 Javascript
javascript跑马灯悬停放大效果实现代码
2012/12/12 Javascript
js 获取、清空input type=&quot;file&quot;的值示例代码
2014/02/19 Javascript
js脚本获取webform服务器控件的方法
2014/05/16 Javascript
js全选实现和判断是否有复选框选中的方法
2015/02/17 Javascript
JavaScript页面实时显示当前时间实例代码
2016/10/23 Javascript
jQuery异步提交表单实例
2017/05/30 jQuery
nodejs中密码加密处理操作详解
2018/03/20 NodeJs
详解webpack打包时排除其中一个css、js文件或单独打包一个css、js文件(两种方法)
2018/10/26 Javascript
详解Vue组件插槽的使用以及调用组件内的方法
2018/11/13 Javascript
npx create-react-app xxx创建项目报错的解决办法
2020/02/17 Javascript
python操作gmail实例
2015/01/14 Python
Python中的面向对象编程详解(下)
2015/04/13 Python
Python学习pygal绘制线图代码分享
2017/12/09 Python
在Python运行时动态查看进程内部信息的方法
2019/02/22 Python
详解python中@的用法
2019/03/27 Python
Pandas之Fillna填充缺失数据的方法
2019/06/25 Python
Python实现二叉树的最小深度的两种方法
2019/09/30 Python
python三引号如何输入
2020/07/06 Python
css3中背景尺寸background-size详解
2014/09/02 HTML / CSS
新加坡最佳婴儿用品店:Mamahood.com.sg
2018/08/26 全球购物
高性能装备提升营地:Kammok
2019/02/27 全球购物
材料化学应届生求职信
2013/10/09 职场文书
如何打造一封优秀的留学推荐信
2014/01/25 职场文书
销售人员自我评价
2014/02/01 职场文书
企业安全生产目标责任书
2014/07/23 职场文书
纪念九一八事变演讲稿:青少年应树立远大理想
2014/09/14 职场文书
单位委托书怎么写
2014/09/21 职场文书
上课迟到检讨书范文
2015/05/06 职场文书
开天辟地观后感
2015/06/09 职场文书
销售人员管理制度
2015/08/06 职场文书
教师教育教学随笔
2015/08/15 职场文书
文艺委员竞选稿
2015/11/19 职场文书
如何用RabbitMQ和Swoole实现一个异步任务系统
2021/05/29 PHP
Redis 哨兵集群的实现
2021/06/18 Redis
OpenCV 图像梯度的实现方法
2021/07/25 Python