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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
同一个表单 根据要求递交到不同页面的实现方法小结
Aug 05 Javascript
javascript的数据类型、字面量、变量介绍
May 23 Javascript
一个JavaScript函数把URL参数解析成Json对象
Sep 24 Javascript
javascript操作字符串的原生方法
Dec 22 Javascript
js的toUpperCase方法用法实例
Jan 27 Javascript
jQuery中animate用法实例分析
Mar 09 Javascript
使用AngularJS编写较为优美的JavaScript代码指南
Jun 19 Javascript
深入浅出webpack之externals的使用
Dec 04 Javascript
深入分析element ScrollBar滚动组件源码
Jan 22 Javascript
PWA介绍及快速上手搭建一个PWA应用的方法
Jan 27 Javascript
微信小程序云开发之模拟后台增删改查
May 16 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缓存技术的使用说明
2011/08/06 PHP
使用php-timeit估计php函数的执行时间
2015/09/06 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
PHP实现双链表删除与插入节点的方法示例
2017/11/11 PHP
javascript 页面划词搜索JS
2009/09/28 Javascript
再谈ie和firefox下的document.all属性
2009/10/21 Javascript
jQuery调用RESTful WCF示例代码(GET方法/POST方法)
2014/01/26 Javascript
Javascript毫秒数用法实例
2015/02/05 Javascript
jQuery定义背景动态切换效果的方法
2015/03/23 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(二)之数据支持json字符串、list集合
2016/08/11 Javascript
jQuery查找节点并获取节点属性的方法
2016/09/09 Javascript
如何实现星星评价(jquery.raty.js插件)
2016/12/21 Javascript
原生JS实现《别踩白块》游戏(兼容IE)
2017/02/20 Javascript
jQuery Ajax向服务端传递数组参数值的实例代码
2017/09/03 jQuery
Vue的路由动态重定向和导航守卫实例
2018/03/17 Javascript
每周一练 之 数据结构与算法(Stack)
2019/04/16 Javascript
微信小程序实现搜索指定景点周边美食、酒店
2019/05/18 Javascript
关于Layui Table隐藏列问题
2019/09/16 Javascript
vue 判断元素内容是否超过宽度的方式
2020/07/29 Javascript
给Python入门者的一些编程建议
2015/06/15 Python
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
简单谈谈python中的lambda表达式
2018/01/19 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
Python完成毫秒级抢淘宝大单功能
2019/06/06 Python
Python 打印自己设计的字体的实例讲解
2021/01/04 Python
纯CSS3打造动感漂亮时尚的扇形菜单
2014/03/18 HTML / CSS
html5模拟平抛运动(模拟小球平抛运动过程)
2013/07/25 HTML / CSS
日本网路线上商品代购服务:转送JAPAN
2016/08/05 全球购物
介绍一下结构化程序设计方法和面向对象程序设计方法的区别
2012/06/27 面试题
房地产项目建议书
2014/03/12 职场文书
《穷人》教学反思
2014/04/08 职场文书
三八妇女节活动总结
2014/05/04 职场文书
行政专员岗位职责说明书
2014/07/30 职场文书
消防安全培训工作总结
2015/10/23 职场文书
Python Django 后台管理之后台模型属性详解
2021/04/25 Python
排查MySQL生产环境索引没有效果
2022/04/11 MySQL