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 对象的创建与使用
Mar 09 Javascript
jquery中常用的SET和GET
Jan 13 Javascript
JavaScript 闭包深入理解(closure)
May 27 Javascript
php跨域调用json的例子
Nov 13 Javascript
基于JS实现bookstore静态页面的实例代码
Feb 22 Javascript
vue生成token并保存到本地存储中
Jul 17 Javascript
Vue中mintui的field实现blur和focus事件的方法
Aug 25 Javascript
Electron autoUpdater实现Windows安装包自动更新的方法
Dec 24 Javascript
小程序实现多列选择器
Feb 15 Javascript
jQuery实现为table表格动态添加或删除tr功能示例
Feb 19 jQuery
jQuery/JS监听input输入框值变化实例
Oct 17 jQuery
vue动态渲染svg、添加点击事件的实现
Mar 13 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
通过文字传递创建的图形按钮
2006/10/09 PHP
必须收藏的23个php实用代码片段
2016/02/02 PHP
php base64 编码与解码实例代码
2017/03/21 PHP
jQuery中文入门指南,翻译加实例,jQuery的起点教程
2007/01/13 Javascript
List the Stored Procedures in a SQL Server database
2007/06/20 Javascript
jQuery 注意事项 与原因分析
2009/04/24 Javascript
动态创建script标签实现跨域资源访问的方法介绍
2014/02/28 Javascript
js 动态为textbox添加下拉框数据源的方法
2014/04/24 Javascript
JavaScript实现Java中StringBuffer的方法
2015/02/09 Javascript
JS弹出窗口插件zDialog简单用法示例
2016/06/12 Javascript
基于JS实现移动端左滑删除功能
2017/07/28 Javascript
element 结合vue 在表单验证时有值却提示错误的解决办法
2018/01/22 Javascript
vue+element-ui集成随机验证码+用户名+密码的form表单验证功能
2018/08/05 Javascript
element-ui 上传图片后清空图片显示的实例
2018/09/04 Javascript
elementUI 动态生成几行几列的方法示例
2019/07/11 Javascript
vue2.x数组劫持原理的实现
2020/04/19 Javascript
JavaScript或jQuery 获取option value值方法解析
2020/05/12 jQuery
C#返回当前系统所有可用驱动器符号的方法
2015/04/18 Python
使用Python脚本来获取Cisco设备信息的示例
2015/05/04 Python
python使用wxpython开发简单记事本的方法
2015/05/20 Python
python套接字流重定向实例汇总
2016/03/03 Python
python实现C4.5决策树算法
2018/08/29 Python
对Python中内置异常层次结构详解
2018/10/18 Python
对pandas的层次索引与取值的新方法详解
2018/11/06 Python
在cmd中查看python的安装路径方法
2019/07/03 Python
Python交互式图形编程的实现
2019/07/25 Python
python实现机器人卡牌
2019/10/06 Python
详解python路径拼接os.path.join()函数的用法
2019/10/09 Python
python打包多类型文件的操作方法
2020/09/21 Python
Django通过设置CORS解决跨域问题
2020/11/26 Python
利用python实现汉诺塔游戏
2021/03/01 Python
HTML5 canvas画矩形时出现边框样式不一致的解决方法
2013/10/14 HTML / CSS
东南亚地区最大的购物网站Lazada新加坡站点:Lazada.sg
2016/07/17 全球购物
给朋友的道歉信
2014/01/09 职场文书
环境保护标语
2014/06/20 职场文书
java泛型通配符详解
2021/07/25 Java/Android