<html>
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>js 编码函数的比较</title>
<script type="text/javascript">
(function(){
var url = "http://www.encoder.com.cn?uid=admin_sb&name=_f$hk#@!*&^\'fwe";
var uc = "http://www.test.cn?age=10?ad=js编码问题";
/*
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。
该方法的目的是对 URI 进行完整的编码，因此对以下在 URI 中具有特殊含义的 ASCII 标点符号，
encodeURI() 函数是不会进行转义的：;/?:@&=+$,#
*/
var u1 = encodeURI(url);
var c1 = encodeURI(uc);
console.info(u1);//http://www.encoder.com.cn?uid=admin_sb&name=_f$hk#@!*&%5E'fwe
console.info(c1);//http://www.test.cn?age=10?ad=js%E7%BC%96%E7%A0%81%E9%97%AE%E9%A2%98
/*
该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( )
。其他所有的字符都会被转义序列替换。
*/
var u2= escape(url);
var c2 = escape(uc);
console.info(u2);//http%3A//www.encoder.com.cn%3Fuid%3Dadmin_sb%26name%3D_f%24hk%23@%21*%26%5E%27fwe
console.info(c2);// http%3A//www.test.cn%3Fage%3D10%3Fad%3Djs%u7F16%u7801%u95EE%u9898
/*
该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( ) 。
其他字符（比如 ：;/?:@&=+$,# 这些用于分隔 URI 组件的标点符号），都是由一个或多个十六进制的转义序列替换的。
提示和注释 提示：请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。
*/
var u3 = encodeURIComponent(url);
var c3 = encodeURIComponent(uc);
console.info(u3);//http%3A%2F%2Fwww.encoder.com.cn%3Fuid%3Dadmin_sb%26name%3D_f%24hk%23%40!*%26%5E'fwe
console.info(c3);// http%3A%2F%2Fwww.test.cn%3Fage%3D10%3Fad%3Djs%E7%BC%96%E7%A0%81%E9%97%AE%E9%A2%98
})();
/*===================总结=========================*/
/**
通过对三个函数的分析，我们可以知道：escape()除了 ASCII 字母、数字和特定的符号外，对传进来的字符串全部进行转义编码，因此如果想对URL编码，最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent（指请求参数）应当是最常用的，它可以讲参数中的中文、特殊字符进行转义，而不会影响整个URL。
*/
</script>
</head>
<body>
</body>
</html>
浙公网安备 33010602011771号