您的位置:首页 > Web前端 > JQuery

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

2017-01-05 17:24 405 查看
/** 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>  

有的时候,我们需要把包含html的代码给去掉,就可以采用$('<div/>').html(value).text()方法。
比如$('<div/>').html('<font
color="red">你好</font>').text() 就被转义成 你好  了,html代码会被过滤掉  
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: