js Html编码转换(&#数字型)实例

发布时间:2021-01-12编辑:脚本学堂
分享一你js与html编码转换的小例子,实现数字型编码的转换,有需要的朋友参考下。

例子,js、html编码转换

代码:
 

复制代码 代码示例:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <title>Html编码转换_www.jb200.com</title>
  </head>
 <script type="text/javascript">
/*
 *js HTML Encode
 */
var htmlEncode=function(str) {//HTML des encode.
    var res=[];
    for(var i=0;i < str.length;i++)
        res[i]=str.charCodeAt(i);
    return "&#"+res.join(";&#")+";";
};
 
var htmlEncode2=function(s) {
    var r = "", c;
    for (var i = 0; i < s.length; i++) {
        c = s.charCodeAt(i);
        r += (c < 32 || c == 38 || c > 127) ? ("&#" + c + ";") : s.charAt(i);
    }
    return r;
};
 
//s.replace(/([u4e00-u9fa5]+)/g,function($,$1) {
//    return htmlEncode($1);
//})
var htmlHexEncode=function(str) {//HTML hex encode.
    var res=[];
    for(var i=0;i < str.length;i++)
        res[i]=str.charCodeAt(i).toString(16);
    return "&#"+String.fromCharCode(0x78)+res.join(";&#"+String.fromCharCode(0x78))+";";//x ,防止ff下&#x 转义
};
 
var htmlDecode = function(str) {
    return str.replace(/&#(x)?([^&]{1,5});?/g,function($,$1,$2) {
        return String.fromCharCode(parseInt($2 , $1 ? 16:10));
    });
};
 
var s="htmlEncode HTML 编码转换 &#";
var s1=htmlEncode(s)+"nn只对双字节和&编码:"+htmlEncode2(s);
var s2=htmlDecode(s1);
alert("编码前:"+s+"nn编码后:"+s1+"nn解码后:"+s2);
 
var s="htmlHexEncode HTML 编码转换&#";
var s1=htmlHexEncode(s);
var s2=htmlDecode(s1);
alert("编码前:"+s+"nn编码后:"+s1+"nn解码后:"+s2);

var msg = "米市巷街道";
 alert(msg);
 var result = htmlDecode(msg);
 alert(result);
 </script>
 <body>
 (脚本学堂 www.jb200.com),提供的js html编码转换实例。
 </body>
 </html>