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

1. /** JQuery Html Encoding、Decoding 
2. * 原理是利用JQuery自带的html()和text()函数可以转义Html字符 
3. * 虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码 
4. */  
5. <script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>  
6. <script type="text/javascript">  
7. //Html编码获取Html转义实体  
8. function htmlEncode(value){  
9.   return $('<div/>').text(value).html();  
10. }  
11. //Html解码获取Html实体  
12. function htmlDecode(value){  
13.   return $('<div/>').html(value).text();  
14. }  

1. </script>  

1. <script type="text/javascript">  
2. //获取Html转义字符  
3. function htmlEncode( html ) {  
4.   return document.createElement( 'a' ).appendChild(   
5.          document.createTextNode( html ) ).parentNode.innerHTML;  
6. };  
7. //获取Html   
8. function htmlDecode( html ) {  
9.   var a = document.createElement( 'a' ); a.innerHTML = html;  
10.   return a.textContent;  
11. };  
12. </script>  

有的时候，我们需要把包含html的代码给去掉，就可以采用$('<div/>').html(value).text()方法。

比如$('<div/>').html('<font color="red">你好</font>').text() 就被转义成 你好  了，html代码会被过滤掉