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 相关文章推荐
广告显示判断
Aug 31 Javascript
FCK调用方法..
Dec 21 Javascript
Prototype使用指南之enumerable.js
Jan 10 Javascript
用jquery写的一个万年历(自写)
Jan 20 Javascript
jquery实现不同大小浏览器使用不同的css样式表的方法
Apr 02 Javascript
jQuery解析XML文件同时动态增加js文件的方法
Jun 01 Javascript
浅析javascript异步执行函数导致的变量变化问题解决思路
May 13 Javascript
关于vue-resource报错450的解决方案
Jul 24 Javascript
使用async-validator编写Form组件的方法
Jan 10 Javascript
Vue项目部署的实现(阿里云+Nginx代理+PM2)
Mar 26 Javascript
微信小程序开发摇一摇功能
Nov 22 Javascript
Vue + Node.js + MongoDB图片上传组件实现图片预览和删除功能详解
Apr 29 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
国王的咖啡这么大来头,名字的由来是什么
2021/03/03 咖啡文化
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
PHP连接数据库实现注册页面的增删改查操作
2016/03/27 PHP
PHP实现分布式memcache设置web集群session同步的方法
2018/04/10 PHP
使用jQuery的将桌面应用程序引入浏览器
2010/11/19 Javascript
关于JS中setTimeout()无法调用带参函数问题的解决方法
2016/06/21 Javascript
为Jquery EasyUI 组件加上清除功能的方法(详解)
2017/04/13 jQuery
Map.vue基于百度地图组件重构笔记分享
2017/04/17 Javascript
jQuery中clone()函数实现表单中增加和减少输入项
2017/05/13 jQuery
Vue框架中正确引入JS库的方法介绍
2017/07/30 Javascript
浅谈关于.vue文件中style的scoped属性
2017/08/19 Javascript
从0到1搭建Element的后台框架的方法步骤
2019/04/10 Javascript
node koa2 ssr项目搭建的方法步骤
2020/12/11 Javascript
[02:55]DOTA2英雄基础教程 发条技师
2013/12/04 DOTA
java直接调用python脚本的例子
2014/02/16 Python
python数据结构之图深度优先和广度优先实例详解
2015/07/08 Python
Python使用SQLite和Excel操作进行数据分析
2018/01/20 Python
python 实现分页显示从es中获取的数据方法
2018/12/26 Python
Python识别快递条形码及Tesseract-OCR使用详解
2019/07/15 Python
Python如何访问字符串中的值
2020/02/09 Python
Python容器类型公共方法总结
2020/08/19 Python
解决Pymongo insert时会自动添加_id的问题
2020/12/05 Python
CSS3属性box-shadow使用指南
2014/12/09 HTML / CSS
Linux上比较文件的命令都有哪些
2013/09/28 面试题
WSDL的操作类型主要有几种
2013/07/19 面试题
出国留学经济担保书
2014/04/01 职场文书
企业员工薪酬方案
2014/06/04 职场文书
药店促销活动总结
2014/07/10 职场文书
法院反腐倡廉心得体会
2014/09/09 职场文书
法人授权委托书公证范本
2014/09/14 职场文书
法人委托书范本格式
2014/09/15 职场文书
2014幼儿园小班工作总结
2014/11/10 职场文书
2015年学校安全管理工作总结
2015/05/11 职场文书
Python中Cookies导出某站用户数据的方法
2021/05/17 Python
Python中常见的反爬机制及其破解方法总结
2021/06/10 Python
clear 万能清除浮动(clearfix:after)
2023/05/21 HTML / CSS