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中的float运算精度实例分析
Aug 21 Javascript
jqplot通过ajax动态画折线图的方法及思路
Dec 08 Javascript
js实现简单随机抽奖的方法
Jan 27 Javascript
JS和css实现检测移动设备方向的变化并判断横竖屏幕
May 25 Javascript
url传递的参数值中包含&amp;时,url自动截断问题的解决方法
Aug 02 Javascript
用js实现博客打赏功能
Oct 24 Javascript
angular2路由切换改变页面title的示例代码
Aug 23 Javascript
在JS循环中使用async/await的方法
Oct 12 Javascript
element-ui upload组件多文件上传的示例代码
Oct 17 Javascript
微信小程序 腾讯地图显示偏差问题解决
Jul 27 Javascript
详解如何在Javascript和Sass之间共享变量
Nov 13 Javascript
VUE前端从后台请求过来的数据进行转换数据结构操作
Nov 11 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中new static()与new self()的区别异同分析
2014/08/22 PHP
PHP文件读写操作相关函数总结
2014/11/18 PHP
php去除头尾空格的2种方法
2015/03/16 PHP
PHP如何实现跨域
2016/05/30 PHP
php-app开发接口加密详解
2018/04/18 PHP
JavaScript Base64编码和解码,实现URL参数传递。
2006/09/18 Javascript
用js计算页面执行时间的函数
2006/12/07 Javascript
小议Javascript中的this指针
2010/03/18 Javascript
JS实现下拉菜单赋值到文本框的方法
2015/08/18 Javascript
ReactNative-JS 调用原生方法实例代码
2016/10/08 Javascript
深入理解在JS中通过四种设置事件处理程序的方法
2017/03/02 Javascript
详解Angular的8个主要构造块
2017/06/20 Javascript
详解在Vue中如何使用axios跨域访问数据
2017/07/07 Javascript
js获取html页面代码中图片地址的实现代码
2018/03/05 Javascript
vue2中使用less简易教程
2018/03/27 Javascript
使用webpack打包后的vue项目如何正确运行(express)
2018/10/26 Javascript
详解小程序退出页面时清除定时器
2019/04/28 Javascript
修改layui的后台模板的左侧导航栏可以伸缩的方法
2019/09/10 Javascript
Python3使用requests包抓取并保存网页源码的方法
2016/03/15 Python
python通过pip更新所有已安装的包实现方法
2017/05/19 Python
Python OpenCV 直方图的计算与显示的方法示例
2018/02/08 Python
python修改linux中文件(文件夹)的权限属性操作
2020/03/05 Python
日本索尼音乐商店:Sony Music Shop
2018/07/17 全球购物
早晨薰衣草在线女性精品店:Morning Lavender
2021/01/04 全球购物
岗位职责的含义
2013/11/17 职场文书
幼儿园教育教学反思
2014/01/31 职场文书
电脑专业个人求职信范文
2014/02/04 职场文书
《会变的花树叶》教学反思
2014/02/10 职场文书
2014年公务员思想汇报范文:全心全意为人民服务
2014/03/06 职场文书
国庆65周年演讲稿:回首往昔,展望未来
2014/09/21 职场文书
2014年留守儿童工作总结
2014/12/10 职场文书
学校党支部公开承诺书
2015/04/30 职场文书
队名及霸气口号大全
2015/12/25 职场文书
情况说明书格式及范文
2019/06/24 职场文书
React中的Context应用场景分析
2021/06/11 Javascript
Python pandas之求和运算和非空值个数统计
2021/08/07 Python