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 相关文章推荐
PNGHandler-借助JS让PNG图在IE下实现透明(包括背景图)
Aug 31 Javascript
Javascript日期对象的dateAdd与dateDiff方法
Nov 18 Javascript
使用jQuery validate 验证注册表单实例演示
Mar 25 Javascript
jQuery 实现评论等级好评差评特效
May 06 Javascript
javascript循环链表之约瑟夫环的实现方法
Jan 16 Javascript
详解vue中引入stylus及报错解决方法
Sep 22 Javascript
Vue-Quill-Editor富文本编辑器的使用教程
Sep 21 Javascript
javascript中数组的常用算法深入分析
Mar 12 Javascript
vue自定义指令用法经典实例小结
Mar 16 Javascript
js简单遍历获取对象中的属性值的方法示例
Jun 19 Javascript
vue Element左侧无限级菜单实现
Jun 10 Javascript
修改NPM全局模式的默认安装路径的方法
Dec 15 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
PHP中GET变量的使用
2006/10/09 PHP
php一行代码获取文件后缀名实例分析
2014/11/12 PHP
jquery struts 验证唯一标识(公用方法)
2013/03/27 Javascript
js 阻止子元素响应父元素的onmouseout事件具体实现
2013/12/23 Javascript
Jquery实现控件的隐藏和显示实例
2014/02/08 Javascript
JavaScript中双叹号(!!)作用示例介绍
2014/04/10 Javascript
jQuery实现表单步骤流程导航代码分享
2015/08/28 Javascript
如何用jQuery实现ASP.NET GridView折叠伸展效果
2015/09/26 Javascript
Javascript实现图片轮播效果(一)让图片跳动起来
2016/02/17 Javascript
JS实现的随机排序功能算法示例
2017/06/09 Javascript
Vue 2.0在IE11中打开项目页面空白的问题解决
2017/07/16 Javascript
Vue-router 类似Vuex实现组件化开发的示例
2017/09/15 Javascript
layui select获取自定义属性方法
2018/08/15 Javascript
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
nodejs基础之常用工具模块util用法分析
2018/12/26 NodeJs
简单了解JavaScript中的执行上下文和堆栈
2019/06/24 Javascript
node获取客户端ip功能简单示例
2019/08/24 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
python益智游戏计算汉诺塔问题示例
2014/03/05 Python
python操作日期和时间的方法
2014/03/11 Python
python实现每次处理一个字符的三种方法
2014/10/09 Python
使用python中的in ,not in来检查元素是不是在列表中的方法
2018/07/06 Python
Python实现的排列组合、破解密码算法示例
2019/04/12 Python
Appium+python自动化之连接模拟器并启动淘宝APP(超详解)
2019/06/17 Python
python实现一行输入多个值和一行输出多个值的例子
2019/07/16 Python
利用pyecharts实现地图可视化的例子
2019/08/12 Python
python NumPy ndarray二维数组 按照行列求平均实例
2019/11/26 Python
Django实现从数据库中获取到的数据转换为dict
2020/03/27 Python
pycharm 2020 1.1的安装流程
2020/09/29 Python
python3代码中实现加法重载的实例
2020/12/03 Python
matplotlib部件之矩形选区(RectangleSelector)的实现
2021/02/01 Python
总结30个CSS3选择器
2017/04/13 HTML / CSS
学习保证书范文
2014/04/30 职场文书
旅游与环境专业求职信
2014/06/05 职场文书
redis调用二维码时的不断刷新排查分析
2022/04/01 Redis
Win10加载疑难解答时出错发生意外错误的解决方法
2022/07/07 数码科技