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 相关文章推荐
Array.prototype.slice.apply的使用方法
Mar 17 Javascript
JAVASCRIPT函数作用域和提前声明 分享
Aug 22 Javascript
JavaScript中的异常捕捉介绍
Dec 31 Javascript
javascript实现字符串反转的方法
Feb 05 Javascript
JavaScript中textRange对象使用方法小结
Mar 24 Javascript
node.js中格式化数字增加千位符的几种方法
Jul 03 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
node.js微信公众平台开发教程
Mar 04 Javascript
JS与jQuery实现隔行变色的方法
Sep 09 Javascript
layui问题之模拟select点击事件的实例讲解
Aug 15 Javascript
vue2.x集成百度UEditor富文本编辑器的方法
Sep 21 Javascript
layui 动态设置checbox 选中状态的例子
Sep 02 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+Mysql+jQuery实现发布微博程序 jQuery篇
2011/10/08 PHP
ubuntu10.04配置 nginx+php-fpm模式的详解
2013/06/03 PHP
PHP 使用MySQL管理Session的回调函数详解
2013/06/21 PHP
php简单创建zip压缩文件的方法
2016/04/30 PHP
Javascript 日期对象Date扩展方法
2009/05/30 Javascript
javascript下arguments,caller,callee,call,apply示例及理解
2009/12/24 Javascript
获得所有表单值的JQuery实现代码[IE暂不支持]
2012/05/24 Javascript
jquery垂直公告滚动实现代码
2013/12/08 Javascript
JQuery中使用.each()遍历元素学习笔记
2014/11/08 Javascript
jQuery中live()方法用法实例
2015/01/19 Javascript
Bootstrap表单控件使用方法详解
2017/01/11 Javascript
BootStrap实现鼠标悬停下拉列表功能
2017/02/17 Javascript
js仿新浪微博消息发布功能
2017/02/17 Javascript
bootstrap实现的自适应页面简单应用示例
2017/03/09 Javascript
jQuery插件FusionCharts绘制2D柱状图和折线图的组合图效果示例【附demo源码】
2017/04/10 jQuery
微信打开网址添加在浏览器中打开提示的办法
2019/05/20 Javascript
JS数据类型STRING使用实例解析
2019/12/18 Javascript
Node.js API详解之 Error模块用法实例分析
2020/05/14 Javascript
Python PyQt5标准对话框用法示例
2017/08/23 Python
django限制匿名用户访问及重定向的方法实例
2018/02/07 Python
python opencv实现运动检测
2018/07/10 Python
使用OpenCV实现仿射变换—旋转功能
2019/08/29 Python
python画微信表情符的实例代码
2019/10/09 Python
纯CSS和jQuery实现的在页面顶部显示的进度条效果2例(仿手机浏览器进度条效果)
2014/04/16 HTML / CSS
美国室内盆栽植物购买网站:Plants.com
2020/04/24 全球购物
自我评价如何写好?
2014/01/05 职场文书
青年教师培训方案
2014/02/06 职场文书
2014年平安建设工作总结
2014/11/19 职场文书
会议通知格式范文
2015/04/15 职场文书
幼儿园综治宣传月活动总结
2015/05/07 职场文书
刑事附带民事上诉状
2015/05/23 职场文书
晶体管来复再生式二管收音机
2021/04/22 无线电
解决Pytorch dataloader时报错每个tensor维度不一样的问题
2021/05/28 Python
关于python中readlines函数的参数hint的相关知识总结
2021/06/24 Python
JAVA springCloud项目搭建流程
2022/05/11 Java/Android
JS高级程序设计之class继承重点详解
2022/07/07 Javascript