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扩展插件Validate 3通过参数设置错误信息
Sep 05 Javascript
JS判定是否原生方法
Jul 22 Javascript
Jquery实现侧边栏跟随滚动条固定(兼容IE6)
Apr 02 Javascript
jquery库或JS文件在eclipse下报错问题解决方法
Apr 17 Javascript
js使用正则实现ReplaceAll全部替换的方法
Jul 18 Javascript
JS实现带有3D立体感的银灰色竖排折叠菜单代码
Oct 20 Javascript
jquery 追加元素append、prepend、before、after用法与区别分析
Dec 02 Javascript
用户管理的设计_jquery的ajax实现二级联动效果
Jul 13 jQuery
HTML5+JS+JQuery+ECharts实现异步加载问题
Dec 16 jQuery
浅谈在vue-cli3项目中解决动态引入图片img404的问题
Aug 04 Javascript
JavaScript Array.flat()函数用法解析
Sep 02 Javascript
JavaScript与JQuery框架基础入门教程
Jul 15 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 和 XML: 使用expat函数(二)
2006/10/09 PHP
PHP学习笔记 (1) 环境配置与代码调试
2011/06/19 PHP
php遍历目录输出目录及其下的所有文件示例
2014/01/27 PHP
Smarty高级应用之缓存操作技巧分析
2016/05/14 PHP
脚本安需导入(装载)的三种模式的对比
2007/06/24 Javascript
javascript 点击整页变灰的效果(可做退出效果)。
2008/01/09 Javascript
JS提交并解析后台返回的XML的代码
2008/11/03 Javascript
编写高性能的JavaScript 脚本的加载与执行
2010/04/19 Javascript
javascipt基础内容--需要注意的细节
2013/04/10 Javascript
Javascript中使用parseInt函数需要注意的问题
2015/04/02 Javascript
jQuery实现的瀑布流加载效果示例
2016/09/13 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】
2017/03/09 Javascript
关于vue-router路径计算问题
2017/05/10 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
vue删除html内容的标签样式实例
2018/09/13 Javascript
JS实现数组深拷贝的方法分析
2019/03/06 Javascript
LayUi数据表格自定义赋值方式
2019/10/26 Javascript
js实现无缝轮播图
2020/03/09 Javascript
Node.js设置定时任务之node-schedule模块的使用详解
2020/04/28 Javascript
[01:05:12]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS CIS-GAME
2014/05/21 DOTA
[59:48]DOTA2-DPC中国联赛 正赛 VG vs Magma BO3 第一场 1月26日
2021/03/11 DOTA
python使用分治法实现求解最大值的方法
2015/05/12 Python
Python开发如何在ubuntu 15.10 上配置vim
2016/01/25 Python
Zookeeper接口kazoo实例解析
2018/01/22 Python
浅谈python日志的配置文件路径问题
2018/04/28 Python
pycharm全局搜索的具体步骤
2020/07/28 Python
Python入门基础之数字字符串与列表
2021/02/01 Python
HTML5事件方法全部汇总
2016/05/12 HTML / CSS
HTML+CSS+JavaScript实现图片3D展览的示例代码
2020/10/12 HTML / CSS
英国领先的餐饮折扣俱乐部:Gourmet Society
2020/07/26 全球购物
毕业实习个人鉴定范文
2013/12/10 职场文书
总经理助理的职责
2014/03/14 职场文书
Nginx反向代理及负载均衡如何实现(基于linux)
2021/03/31 Servers
深入理解CSS 中 transform matrix矩阵变换问题
2021/08/30 HTML / CSS
世界十大动漫制作公司排行榜,迪士尼上榜,第二是美国代表性文化符
2022/03/18 欧美动漫