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 相关文章推荐
js 完美图片新闻轮转效果,腾讯大粤网首页图片轮转改造而来
Nov 21 Javascript
javascript的解析执行顺序在各个浏览器中的不同
Mar 17 Javascript
浅谈Jquery中Ajax异步请求中的async参数的作用
Jun 06 Javascript
浅谈jquery中的each方法$.each、this.each、$.fn.each
Jun 23 Javascript
JS实现的二叉树算法完整实例
Apr 06 Javascript
如何理解Vue的作用域插槽的实现原理
Aug 19 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
Jan 31 Javascript
vue-router配合ElementUI实现导航的实例
Feb 11 Javascript
微信小程序实现的3d轮播图效果示例【基于swiper组件】
Dec 11 Javascript
JS实现返回上一页并刷新页面的方法分析
Jul 16 Javascript
layui导出所有数据的例子
Sep 10 Javascript
vue单文件组件无法获取$refs的问题
Jun 24 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设计聊天室步步通
2006/10/09 PHP
UPUPW 更新 64 位 Apache 系列 PHP 7.0 正式版
2015/12/08 PHP
php自动提交表单的方法(基于fsockopen与curl)
2016/05/09 PHP
Javascript表达式中连续的 &amp;&amp; 和 || 之赋值区别
2010/10/17 Javascript
asp.net网站开发中用jquery实现滚动浏览器滚动条加载数据(类似于腾讯微博)
2012/03/14 Javascript
使用jQuery清空file文件域的解决方案
2013/04/12 Javascript
基于JQuery的列表拖动排序实现代码
2013/10/01 Javascript
jQuery检测某个元素是否存在代码分享
2015/07/09 Javascript
基于jQuery和CSS3制作数字时钟附源码下载(jquery篇)
2015/11/24 Javascript
百度坐标(BD09)、国测局坐标(火星坐标,GCJ02)、和WGS84坐标系之间的转换
2016/02/19 Javascript
JS模拟bootstrap下拉菜单效果实例
2016/06/17 Javascript
详解vue-cli + webpack 多页面实例应用
2017/04/25 Javascript
jquery实现图片上传前本地预览
2017/04/28 jQuery
angular.js实现购物车功能
2017/10/23 Javascript
基于mpvue搭建微信小程序项目框架的教程详解
2019/04/10 Javascript
微信小程序可滑动周日历组件使用详解
2019/10/21 Javascript
在vue中给后台接口传的值为数组的格式代码
2020/11/12 Javascript
python 正则式使用心得
2009/05/07 Python
python实现中文转换url编码的方法
2016/06/14 Python
Python抓取框架 Scrapy的架构
2016/08/12 Python
Python变量和数据类型详解
2017/02/15 Python
python交换两个变量的值方法
2019/01/12 Python
python使用 __init__初始化操作简单示例
2019/09/26 Python
详解python 降级到3.6终极解决方案
2020/02/06 Python
Python绘图之二维图与三维图详解
2020/08/04 Python
python实现启动一个外部程序,并且不阻塞当前进程
2020/12/05 Python
如何在Cookie里面保存Unicode和国际化字符
2013/05/25 面试题
金融专业推荐信
2013/11/14 职场文书
大学生表扬信范文
2014/01/09 职场文书
高中国旗下的演讲稿
2014/08/28 职场文书
简易离婚协议书(范本)
2014/10/25 职场文书
青年志愿者服务活动总结
2015/05/06 职场文书
化验室安全管理制度
2015/08/06 职场文书
导游词之四川熊猫基地
2020/01/13 职场文书
Python基础之变量的相关知识总结
2021/06/23 Python
win11开机发生死循环重启怎么办?win11开机发生死循环重启解决方法
2022/08/05 数码科技