码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2014-05-23 01:23:28      阅读:499      评论:0      收藏:0      [点我收藏+]

标签:blog   class   c   code   java   ext   

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


JS及JQuery对Html内容编码,Html转义,布布扣,bubuko.com

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

标签:blog   class   c   code   java   ext   

原文地址:http://blog.csdn.net/phantomes/article/details/26570113

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!