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

 更新时间:2017年02月17日 15:33:50   作者:phantomes  
本文主要介绍了JS及JQuery对Html内容编码,Html转义的方法。具有很好的参考价值,下面跟着小编一起来看下吧

话不多说,请看代码:

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

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

相关文章

  • el-select数据过多懒加载的解决(loadmore)

    el-select数据过多懒加载的解决(loadmore)

    这篇文章主要介绍了el-select数据过多懒加载的解决(loadmore),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2019-05-05
  • JavaScript代码里的判断小结

    JavaScript代码里的判断小结

    在JavaScript代码中,多多少少会有判断语句。业务越复杂,逻辑就越复杂,判断就越多。今天给大家整理下JavaScript中代码里常会用到的那些判断,有需要的可以参考借鉴。
    2016-08-08
  • 原生JavaScript实现简单五子棋游戏

    原生JavaScript实现简单五子棋游戏

    这篇文章主要为大家详细介绍了原生JavaScript实现简单五子棋游戏,文中示例代码注释的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-06-06
  • js如何编写简单的ajax方法库

    js如何编写简单的ajax方法库

    这篇文章主要为大家详细介绍了js如何编写简单的ajax方法库,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-08-08
  • js中的replace方法使用介绍

    js中的replace方法使用介绍

    replace() 方法用于将字符串用一些字符替换另一些字符,如果用正则表达式替换时, regexp 具有全局标志 g,下面有个不错的示例,感兴趣的朋友可以参考下
    2013-10-10
  • JS实现仿google、百度搜索框输入信息智能提示的实现方法

    JS实现仿google、百度搜索框输入信息智能提示的实现方法

    这篇文章主要介绍了JS实现仿google、百度搜索框输入信息智能提示的实现方法,实例分析了javascript实现智能提示功能的技巧,非常具有实用价值,需要的朋友可以参考下
    2015-04-04
  • JavaScript 对象模型 执行模型

    JavaScript 对象模型 执行模型

    JavaScript 对象模型-执行模型分析
    2009-12-12
  • JavaScript实现五子棋小游戏

    JavaScript实现五子棋小游戏

    这篇文章主要为大家详细介绍了JavaScript实现五子棋小游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2020-10-10
  • JavaScript内置对象之Array的使用小结

    JavaScript内置对象之Array的使用小结

    这篇文章主要介绍了JavaScript内置对象之Array的使用小结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-05-05
  • js防抖函数和节流函数使用场景和实现区别示例分析

    js防抖函数和节流函数使用场景和实现区别示例分析

    这篇文章主要介绍了js防抖函数和节流函数使用场景和实现区别,结合实例形式详细分析了js防抖函数和节流函数基本功能、定义、用法区别及操作注意事项,需要的朋友可以参考下
    2020-04-04

最新评论