JS及JQuery对Html内容编码,Html转义
话不多说，请看代码：
/**JQueryHtmlEncoding、Decoding
*原理是利用JQuery自带的html()和text()函数可以转义Html字符
*虚拟一个Div通过赋值和取值来得到想要的Html编码或者解码
*/
<scriptsrc="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script>
<scripttype="text/javascript">
//Html编码获取Html转义实体
functionhtmlEncode(value){
return$('<div/>').text(value).html();
}
//Html解码获取Html实体
functionhtmlDecode(value){
return$('<div/>').html(value).text();
}
</script>
<scripttype="text/javascript">
//获取Html转义字符
functionhtmlEncode(html){
returndocument.createElement('a').appendChild(
document.createTextNode(html)).parentNode.innerHTML;
};
//获取Html
functionhtmlDecode(html){
vara=document.createElement('a');a.innerHTML=html;
returna.textContent;
};
</script>
//编码
functionhtml_encode(str)
{
vars="";
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>");
returns;
}
//解码
functionhtml_decode(str)
{
vars="";
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");
returns;
}
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持毛票票！