JS及JQuery对Html内容编码,Html转义


Posted in Javascript onFebruary 17, 2017

话不多说,请看代码:

/** JQuery Html Encoding、Decoding 
* 原理是利用JQuery自带的html()和text()函数可以转义Html字符 
* 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码 
*/ 
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script> 
<script type="text/javascript"> 
//Html编码获取Html转义实体 
function htmlEncode(value){ 
 return $('<div/>').text(value).html(); 
} 
//Html解码获取Html实体 
function htmlDecode(value){ 
 return $('<div/>').html(value).text(); 
} 
</script>
<script type="text/javascript"> 
//获取Html转义字符 
function htmlEncode( html ) { 
 return document.createElement( 'a' ).appendChild( 
  document.createTextNode( html ) ).parentNode.innerHTML; 
}; 
//获取Html 
function htmlDecode( html ) { 
 var a = document.createElement( 'a' ); a.innerHTML = html; 
 return a.textContent; 
}; 
</script>
//编码 
 function html_encode(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 html_decode(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; 
 }

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持三水点靠木!

Javascript 相关文章推荐
关于实现代码语法标亮 dp.SyntaxHighlighter
Feb 02 Javascript
javascript中字符串拼接需注意的问题
Jul 13 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
Sep 19 Javascript
如何动态的导入js文件具体该怎么实现
Jan 14 Javascript
js/jq仿window文件夹移动/剪切/复制等操作代码
Mar 08 Javascript
Angular 4依赖注入学习教程之简介(一)
Jun 04 Javascript
JavaScript实现三级联动效果
Jul 15 Javascript
简单谈谈React中的路由系统
Jul 25 Javascript
js中json对象和字符串的理解及相互转化操作实现方法
Sep 22 Javascript
深入理解vue中slot与slot-scope的具体使用
Jan 26 Javascript
CKeditor4 字体颜色功能配置方法教程
Jun 26 Javascript
解决js中的setInterval清空定时器不管用问题
Nov 17 Javascript
canvas 实现中国象棋
Feb 17 #Javascript
使用vue.js实现checkbox的全选和多个的删除功能
Feb 17 #Javascript
js实现横向拖拽导航条功能
Feb 17 #Javascript
js转换对象为xml
Feb 17 #Javascript
EsLint入门学习教程
Feb 17 #Javascript
使用bat打开多个cmd窗口执行gulp、node
Feb 17 #Javascript
AngularJS执行流程详解
Feb 17 #Javascript
You might like
DC动画很好看?新作烂得令人发指,名叫《红色之子》
2020/04/09 欧美动漫
PHP中使用SimpleXML检查XML文件结构实例
2015/01/07 PHP
PHP的PDO连接讲解
2019/01/24 PHP
javascript window对象属性整理
2009/10/24 Javascript
jQuery中对未来的元素绑定事件用bind、live or on
2014/04/17 Javascript
JS判断客服QQ号在线还是离线状态的方法
2015/01/13 Javascript
基于JavaScript实现网页倒计时自动跳转代码
2015/12/28 Javascript
JS刷新父窗口的几种方式小结(推荐)
2016/11/09 Javascript
Node.js复制文件的方法示例
2016/12/29 Javascript
Bootstrap的Carousel配合dropload.js实现移动端滑动切换图片
2017/03/10 Javascript
JS判断微信扫码的方法
2017/08/07 Javascript
Node.js的进程管理的深入理解
2019/01/09 Javascript
初学node.js中实现删除用户路由
2019/05/27 Javascript
JS实现求字符串中出现最多次数的字符和次数示例
2019/07/05 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
js中火星坐标、百度坐标、WGS84坐标转换实现方法示例
2020/03/02 Javascript
Vue如何提升首屏加载速度实例解析
2020/06/25 Javascript
[35:26]DOTA2上海特级锦标赛B组小组赛#2 VG VS Fnatic第三局
2016/02/26 DOTA
Python程序设计入门(2)变量类型简介
2014/06/16 Python
python测试驱动开发实例
2014/10/08 Python
Python functools模块学习总结
2015/05/09 Python
python中数组和矩阵乘法及使用总结(推荐)
2019/05/18 Python
Python selenium 自动化脚本打包成一个exe文件(推荐)
2020/01/14 Python
使用python-cv2实现视频的分解与合成的示例代码
2020/10/26 Python
HTML5之SVG 2D入门11—用户交互性(动画)介绍及应用
2013/01/30 HTML / CSS
学前教育学生自荐信范文
2013/12/31 职场文书
十八届三中全会宣传方案
2014/02/21 职场文书
迁户口计划生育证明
2014/10/19 职场文书
2014年幼儿园个人工作总结
2014/11/10 职场文书
2015年招商引资工作总结
2015/04/25 职场文书
保留意见审计报告
2015/06/05 职场文书
乔迁新居祝福语
2019/11/04 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
python爬虫之利用selenium模块自动登录CSDN
2021/04/22 Python
tomcat默认最大连接数及相关调整方法
2022/05/06 Servers
mysql拆分字符串作为查询条件的示例代码
2022/07/07 MySQL