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 构造函数 实例分析
Nov 26 Javascript
Js,alert出现乱码问题的解决方法
Jun 19 Javascript
JS鼠标拖拽实例分析
Nov 23 Javascript
纯js代码制作的网页时钟特效【附实例】
Mar 30 Javascript
jQuery 获取页面li数组并删除不在数组中的key
Aug 02 Javascript
react native实现往服务器上传网络图片的实例
Aug 07 Javascript
详解weex默认webpack.config.js改造
Jan 08 Javascript
node.js遍历目录的方法示例
Aug 01 Javascript
Vue表单输入绑定的示例代码
Nov 01 Javascript
JS实现的tab页切换效果完整示例
Dec 18 Javascript
微信小程序封装多张图片上传api代码实例
Dec 30 Javascript
Javascript表单序列化原理及实现代码详解
Oct 30 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
声音就能俘获人心,蕾姆,是哪个漂亮小姐姐配音呢?
2020/03/03 日漫
随机广告显示(PHP函数)
2006/10/09 PHP
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
PHP 数组教程 定义数组
2009/10/23 PHP
php 一元分词算法
2009/11/30 PHP
PHP session_start()问题解疑(详细介绍)
2013/07/05 PHP
注意!PHP 7中不要做的10件事
2016/09/18 PHP
PHP Mysqli 常用代码集合
2016/11/12 PHP
利用PHP访问MySql数据库的逻辑操作以及增删改查的实例讲解
2017/08/30 PHP
Javascript 写的简单进度条控件
2008/01/22 Javascript
jquery移动listbox的值原理及代码
2013/05/03 Javascript
jQuery+ajax实现鼠标单击修改内容的思路
2014/06/29 Javascript
html文档中的location对象属性理解及常见的用法
2014/08/13 Javascript
node.js中的events.emitter.removeAllListeners方法使用说明
2014/12/10 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
jquery实现图片放大点击切换
2017/06/06 jQuery
微信小程序 五星评分的实现实例
2017/08/04 Javascript
JS声明对象时属性名加引号与不加引号的问题及解决方法
2018/02/16 Javascript
vuex2中使用mapGetters/mapActions报错的解决方法
2018/10/20 Javascript
ES6基础之展开语法(Spread syntax)
2019/02/21 Javascript
Python自定义类的数组排序实现代码
2016/08/28 Python
flask使用session保存登录状态及拦截未登录请求代码
2018/01/19 Python
Python判断字符串是否为字母或者数字(浮点数)的多种方法
2018/08/03 Python
scikit-learn线性回归,多元回归,多项式回归的实现
2019/08/29 Python
解决Alexnet训练模型在每个epoch中准确率和loss都会一升一降问题
2020/06/17 Python
Python批量获取并保存手机号归属地和运营商的示例
2020/10/09 Python
Python利用myqr库创建自己的二维码
2020/11/24 Python
CSS3实现类似翻书效果的过渡动画的示例代码
2019/09/06 HTML / CSS
HTML5 Canvas 绘图——使用 Canvas 绘制图形图文教程 使用html5 canvas 绘制精美的图
2015/08/31 HTML / CSS
美国领先的汽车轮胎和轮毂供应商:TireBuyer
2016/07/21 全球购物
工程概预算专业毕业生求职信
2013/10/04 职场文书
创伤外科专业推荐信范文
2013/11/19 职场文书
学校安全防火方案
2014/06/07 职场文书
2015国庆66周年宣传语
2015/07/14 职场文书
校运会宣传稿大全
2015/07/23 职场文书
忆童年!用Python实现愤怒的小鸟游戏
2021/06/07 Python