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 相关文章推荐
Javascript实例教程(19) 使用HoTMetal(7)
Dec 23 Javascript
基于jquery.Jcrop的头像编辑器
Mar 01 Javascript
深入理解JavaScript系列(3) 全面解析Module模式
Jan 15 Javascript
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
JQuery仿小米手机抢购页面倒计时效果
Dec 16 Javascript
Validform+layer实现漂亮的表单验证特效
Jan 17 Javascript
jQuery Dialog 取消右上角删除按钮事件
Sep 07 Javascript
浅谈js停止事件冒泡 阻止浏览器的默认行为(阻止超连接 #)
Feb 08 Javascript
jQuery UI 实例讲解 - 日期选择器(Datepicker)
Sep 18 jQuery
ES6学习教程之模板字符串详解
Oct 09 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
vue的全局提示框组件实例代码
Feb 26 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 checkbox复选框值的获取与checkbox默认值输出方法
2010/05/15 PHP
php实现的太平洋时间和北京时间互转的自定义函数分享
2014/08/19 PHP
在WordPress中使用wp_count_posts函数来统计文章数量
2016/01/05 PHP
PHP数组实例详解
2016/06/26 PHP
php组合排序简单实现方法
2016/10/15 PHP
php封装的mysqli类完整实例
2016/10/18 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
PHP操作MongoDB实现增删改查功能【附php7操作MongoDB方法】
2018/04/24 PHP
php分享朋友圈的实现代码
2019/02/18 PHP
Jquery实现简单的动画效果代码
2012/03/18 Javascript
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
javascript正则表达式基础知识入门
2015/04/20 Javascript
js实现精确到秒的日期选择器完整实例
2016/04/30 Javascript
使用jQuery.Qrcode插件在客户端动态生成二维码并添加自定义Logo
2016/09/01 Javascript
js运动事件函数详解
2016/10/21 Javascript
Vue.js中用v-bind绑定class的注意事项
2016/12/13 Javascript
从零学习node.js之模块规范(一)
2017/02/21 Javascript
JavaScript Canvas绘制圆形时钟效果
2020/08/20 Javascript
Angularjs在360兼容模式下取数据缓存问题的解决办法
2017/06/22 Javascript
利用node.js实现反向代理的方法详解
2017/07/24 Javascript
Vue2几种常见开局方式详解
2017/09/09 Javascript
详解Angular5/Angular6项目如何添加热更新(HMR)功能
2018/10/10 Javascript
js实现弹出框的拖拽效果实例代码详解
2019/04/16 Javascript
javascript 高级语法之继承的基本使用方法示例
2019/11/11 Javascript
vue同个按钮控制展开和折叠同个事件操作
2020/07/29 Javascript
[01:13:51]TNC vs Serenity 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
python socket多线程通讯实例分析(聊天室)
2016/04/06 Python
python 性能优化方法小结
2017/03/31 Python
python实现视频读取和转化图片
2019/12/10 Python
浅析python字符串前加r、f、u、l 的区别
2021/01/24 Python
助人为乐模范事迹材料
2014/06/02 职场文书
公司领导班子召开党的群众路线教育实践活动总结大会新闻稿
2014/10/21 职场文书
商铺门面租房协议书
2014/10/21 职场文书
护士自荐信范文
2015/03/25 职场文书
护理工作心得体会
2016/01/22 职场文书
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript