[乐意黎原创]JS中url转义escape()、encodeURI()和decodeURI()函数说明

在JS中, escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,如对URL编码,最好不要使用此方法。

而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。

encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。


  请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,

前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。

因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

一、encodeURI()  //转义一个URI中的字符

  语法:encodeURI(uri)  //这个在编码不同的AJAX请求时,解决中文乱码问题经常用到。

        var str1 = "aerchi, hello world. /";
        var str2 = encodeURI(str1);
        document.write(str2);   //aerchi,%20hello%20world.%20/ 

二、decodeURI()  //解码一个URI中的字符

  语法:decodeURI(uri)

        var str1 = "aerchi, hello world. /";
        var str2 = encodeURI(str1);
        document.write(str2);   //aerchi,%20hello%20world.%20/ 

        var str3 = decodeURI(str2);
        document.write("<br/>" + str3)  //aerchi, hello world. /

三、encodeURIComponent()  //转义URI组件中的字符

        var str1 = "aerchi, hello world. /";
        var str2 = encodeURIComponent(str1);
        document.write(str2);   //aerchi%2C%20hello%20world.%20%2F

四、decodeURIComponent()  //解码一个URI组件中的字符

        var str1 = "aerchi, hello world. /";
        var str2 = encodeURIComponent(str1);
        document.write(str2);   //aerchi%2C%20hello%20world.%20%2F
        var str3 = decodeURIComponent(str2);
        document.write("<br/>" + str3)  //aerchi, hello world. /

 五、escape()  //编码一个字符串

  语法:escape(value);

        var str = "aerchi, hello world. /";
        var str1 = escape(str);
        document.write(str1);  //aerchi%2C%20hello%20world.%20/

 六、unecape()  //解码一个由escape()函数编码的字符串

复制代码
        window.onload = function () {
            var str = "aerchi, hello world. /";
            var str1 = escape(str);
            document.write(str1); //aerchi%2C%20hello%20world.%20/

            var str2 = unescape(str1);
            alert(str2);      //弹出: aerchi, hello world. /
        }
复制代码



哈哈, 验证完毕.


乐意黎

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值