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中的Screen屏幕对象
Jan 16 Javascript
jQuery中extend函数详解
Jul 13 Javascript
用svg制作富有动态的tooltip
Jul 17 Javascript
简单实现的JQuery文本框水印插件
Jun 14 Javascript
JavaScript实现经典排序算法之选择排序
Dec 28 Javascript
详解vue表单验证组件 v-verify-plugin
Apr 19 Javascript
详解vue 配合vue-resource调用接口获取数据
Jun 22 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
layer实现关闭弹出层刷新父界面功能详解
Nov 15 Javascript
vue中当图片地址无效的时候,显示默认图片的方法
Sep 18 Javascript
Webpack中SplitChunksPlugin 配置参数详解
Mar 24 Javascript
js获取图片的base64编码并压缩
Dec 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
解决中英文字符串长度问题函数
2007/01/16 PHP
php中通过curl smtp发送邮件
2012/06/05 PHP
php中二分法查找算法实例分析
2016/09/22 PHP
thinkphp5框架结合mysql实现微信登录和自定义分享链接与图文功能示例
2019/08/13 PHP
JavaScript Event学习第六章 事件的访问
2010/02/07 Javascript
Javascript Math ceil()、floor()、round()三个函数的区别
2010/03/09 Javascript
使用js Math.random()函数生成n到m间的随机数字
2014/10/09 Javascript
javascript中数组的定义及使用实例
2015/01/21 Javascript
理解javascript闭包
2015/12/15 Javascript
在vue项目中使用sass语法问题
2019/07/18 Javascript
Vue实现商品分类菜单数量提示功能
2019/07/26 Javascript
解决vue项目中出现Invalid Host header的问题
2020/11/17 Javascript
[01:11]steam端dota2实名认证操作流程视频
2021/03/11 DOTA
Python的ORM框架SQLAlchemy入门教程
2014/04/28 Python
python绘图库Matplotlib的安装
2014/07/03 Python
跟老齐学Python之Import 模块
2014/10/13 Python
python实现电子产品商店
2019/02/26 Python
python删除列表元素的三种方法(remove,pop,del)
2019/07/22 Python
Python3的unicode编码转换成中文的问题及解决方案
2019/12/10 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
15款Python编辑器的优缺点,别再问我“选什么编辑器”啦
2020/10/19 Python
Django解决frame拒绝问题的方法
2020/12/18 Python
布局和排版教程 纯css3实现图片三角形排列
2014/10/17 HTML / CSS
意大利体育用品和运动服网上商店:Maxi Sport
2019/09/14 全球购物
2019年c语言经典面试题目
2016/08/17 面试题
大学毕业自我评价
2014/02/02 职场文书
《一本男孩子必读的书》教学反思
2014/02/19 职场文书
养生餐厅创业计划书范文
2014/03/26 职场文书
优秀教师演讲稿
2014/05/06 职场文书
移交协议书
2014/08/19 职场文书
三严三实对照检查材料
2014/08/25 职场文书
奖学金感谢信
2015/01/21 职场文书
幼儿园小班教育随笔
2015/08/14 职场文书
检讨书格式
2019/04/25 职场文书
关于React Native 无法链接模拟器的问题
2021/06/21 Javascript
一篇文章带你复习java知识点
2021/06/28 Java/Android