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 判断中文字符长度的函数代码
Aug 27 Javascript
JavaScript charCodeAt方法入门实例(用于取得指定位置字符的Unicode编码)
Oct 17 Javascript
javascript引用类型指针的工作方式
Apr 13 Javascript
js实现横向伸展开的二级导航菜单代码
Aug 28 Javascript
基于JavaScript实现购物车功能
Feb 07 Javascript
Webpack常见静态资源处理-模块加载器(Loaders)+ExtractTextPlugin插件
Jun 29 Javascript
Angular2进阶之如何避免Dom误区
Apr 02 Javascript
详解关于vue2.0工程发布上线操作步骤
Sep 27 Javascript
原生JS实现自定义下拉单选选择框功能
Oct 12 Javascript
快速了解Node中的Stream流是什么
Feb 13 Javascript
vue router 跳转时打开新页面的示例方法
Jul 28 Javascript
AJAX实现指定部分页面刷新效果
Oct 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 is_null、empty、isset的区别
2015/07/07 PHP
PHP的Socket网络编程入门指引
2015/08/11 PHP
[原创]php实现子字符串位置相互对调互换的方法
2016/06/02 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
Laravel框架实现model层的增删改查(CURD)操作示例
2018/05/12 PHP
浅谈laravel框架与thinkPHP框架的区别
2019/10/23 PHP
JavaScript检测弹出窗口是否已经关闭的方法
2015/03/24 Javascript
扩展Bootstrap Tooltip插件使其可交互的方法
2016/11/07 Javascript
浅谈html转义及防止javascript注入攻击的方法
2016/12/04 Javascript
Bootstrap组合上、下拉框简单实现代码
2017/03/06 Javascript
完美实现js拖拽效果 return false用法详解
2017/07/28 Javascript
jQuery实现的弹幕效果完整实例
2017/09/06 jQuery
jQuery实现的简单拖拽功能示例【测试可用】
2018/08/14 jQuery
ES6 Object方法扩展的应用实例分析
2019/06/25 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
express异步函数异常捕获示例详解
2020/11/30 Javascript
Python使用pymongo模块操作MongoDB的方法示例
2018/07/20 Python
python正向最大匹配分词和逆向最大匹配分词的实例
2018/11/14 Python
解决Python计算矩阵乘向量,矩阵乘实数的一些小错误
2019/08/26 Python
python实现查找所有程序的安装信息
2020/02/18 Python
Python截图并保存的具体实例
2021/01/14 Python
python 实现图片裁剪小工具
2021/02/02 Python
Python 的 f-string 可以连接字符串与数字的原因解析
2021/02/20 Python
美国一家主打母婴用品的团购网站:zulily
2017/09/19 全球购物
个性化皮包、小袋、生活配件:Mon Purse
2019/03/26 全球购物
DERMAdoctor官网:美国著名皮肤护理品牌
2019/07/06 全球购物
AP澳洲中文网:澳洲正品直邮,包税收件无忧
2019/07/12 全球购物
智能钱包:Ekster
2019/11/21 全球购物
Ref与out有什么不同
2012/11/24 面试题
单位介绍信范文
2014/01/18 职场文书
校园活动策划方案
2014/06/13 职场文书
土地转让协议书
2014/09/27 职场文书
Django实现在线无水印抖音视频下载(附源码及地址)
2021/05/06 Python
浅谈Java实现分布式事务的三种方案
2021/06/11 Java/Android
《艾尔登法环》1.03.3补丁上线 碎星伤害调整
2022/04/06 其他游戏