• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号
您的位置:首页 > 程序设计 >JavaScript > JS及JQuery对Html内容编码,Html转义

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

作者:phantomes 字体:[增加 减小] 来源:互联网 时间:2017-05-11

phantomes通过本文主要向大家介绍了js html转义,js转义html标签,js转义字符,js 转义,js转义字符表等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com

话不多说,请看代码:

 /** 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> 
</div>
<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> 
</div>
//编码 
 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; 
 } 
</div>

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

</div>
分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

  • JS及JQuery对Html内容编码,Html转义
  • js 动态生成html 触发事件传参字符转义的实例
  • JS实现HTML标签转义及反转义

相关文章

  • 2017-05-11js获取地址栏中传递的参数(两种方法)
  • 2017-05-11使用openSpeDiv方法实现Ecshop登录弹窗框效果
  • 2017-05-11详解Vue监听数据变化原理
  • 2017-05-11node.js中debug模块的简单介绍与使用
  • 2017-05-11jqGrid翻页时数据选中丢失问题的解决办法
  • 2017-05-11react实现pure render时bind(this)隐患需注意!
  • 2017-08-14原生JS判断页面中图片加载完成
  • 2017-05-11详谈JavaScript的闭包及应用
  • 2017-08-31js日期与字符串之间相互转换
  • 2017-05-11浅谈JavaScript中promise的使用

文章分类

  • JavaScript
  • ASP.NET
  • PHP
  • 正则表达式
  • AJAX
  • JSP
  • ASP
  • Flex
  • XML
  • 编程技巧
  • Android
  • swift
  • C#教程
  • vb
  • vb.net
  • C语言
  • Java
  • Delphi
  • 易语言
  • vc/mfc
  • 嵌入式开发
  • 游戏开发
  • ios
  • 编程问答
  • 汇编语言
  • 微信小程序
  • 数据结构
  • OpenGL
  • 架构设计
  • qt
  • 微信公众号

最近更新的内容

    • Angularjs 依赖压缩及自定义过滤器写法
    • jquery,js简单实现类似Angular.js双向绑定
    • js 数字、字符串、布尔值的转换方法(必看)
    • JS生成一维码(条形码)功能示例
    • 微信小程序 基础组件与导航组件详细介绍
    • 原生js实现瀑布流布局
    • JavaScript实现替换字符串中最后一个字符的方法
    • JS实现的添加弹出层并完成锁屏操作示例
    • JavaScript下拉菜单功能实例代码
    • jQuery简单实现遍历单选框的方法

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有