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使用手册之二 DOM操作
Mar 24 Javascript
JavaScript中SQL语句的应用实现
May 04 Javascript
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
Extjs中DisplayField的日期或者数字格式化扩展
Sep 03 Javascript
新手快速学习JavaScript免费教程资源汇总
Jun 25 Javascript
jQuery 中的 DOM 操作
Apr 26 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
你有必要知道的10个JavaScript难点
Jul 25 Javascript
用js实现每隔一秒刷新时间的实例(含年月日时分秒)
Oct 25 Javascript
vue 2.x 中axios 封装的get 和post方法
Feb 28 Javascript
Vue中的v-for循环key属性注意事项小结
Aug 12 Javascript
使用Angular Cli如何创建Angular私有库详解
Jan 30 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开发入门教程之面向对象
2006/12/05 PHP
php性能优化分析工具XDebug 大型网站调试工具
2011/05/22 PHP
PHP+MYSQL实现读写分离简单实战
2017/03/13 PHP
prototype Element学习笔记(篇一)
2008/10/26 Javascript
Ext 表单布局实例代码
2009/04/30 Javascript
JavaScript关于select的相关操作说明
2010/01/13 Javascript
jQuery EasyUI API 中文文档 - ProgressBar 进度条
2011/09/29 Javascript
客户端js判断文件类型和文件大小即限制上传大小
2013/11/20 Javascript
JavaScript事件 &quot;事件对象&quot;的注意要点
2016/01/14 Javascript
老生常谈遮罩层 滚动条的问题
2016/04/29 Javascript
jQuery实现可展开折叠的导航效果示例
2016/09/12 Javascript
微信小程序之购物车功能
2020/09/23 Javascript
es7学习教程之fetch解决异步嵌套问题的方法示例
2017/07/21 Javascript
图片加载完成再执行事件的实例
2017/11/16 Javascript
vue-router动态设置页面title的实例讲解
2018/08/30 Javascript
详解字典树Trie结构及其Python代码实现
2016/06/03 Python
Python使用random.shuffle()打乱列表顺序的方法
2018/11/08 Python
python实现自动化上线脚本的示例
2019/07/01 Python
Django 源码WSGI剖析过程详解
2019/08/05 Python
django认证系统实现自定义权限管理的方法
2019/08/28 Python
基于Django signals 信号作用及用法详解
2020/03/28 Python
python 通过 pybind11 使用Eigen加速代码的步骤
2020/12/07 Python
python time.strptime格式化实例详解
2021/02/03 Python
css3旋转木马_动力节点Java学院整理
2017/07/12 HTML / CSS
大专自我鉴定范文
2013/10/01 职场文书
学校门卫管理制度
2014/01/30 职场文书
高三高考决心书
2014/03/11 职场文书
毕业自我鉴定总结
2014/03/24 职场文书
周年庆典主持词
2014/04/02 职场文书
2015年法院工作总结范文
2015/04/28 职场文书
Python数据可视化之绘制柱状图和条形图
2021/05/25 Python
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python
关于使用Redisson订阅数问题
2022/01/18 Redis
「地球外少年少女」BD发售宣传CM公开
2022/03/21 日漫
Java无向树分析 实现最小高度树
2022/04/09 Javascript
Redis实战之Lettuce的使用技巧详解
2022/12/24 Redis