javascript之url转义escape()、encodeURI()和decodeURI()

我们可以知道:escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。

api 详解
encodeURI() 转义一个URI中的字符
decodeURI() 解码一个URI中的字符
encodeURIComponent() 转义URI组件中的字符
decodeURIComponent() 解码一个URI组件中的字符

请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

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

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

var str1 = "你好javascript";
        var str2 = encodeURI(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript 

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

语法:decodeURI(uri)

 var str1 = "你好javascript";
        var str2 = encodeURI(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript
        var str3 = decodeURI(str2);
        document.write("<br/>" + str3)  //输出    你好javascript

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

   var str1 = "你好javascript";
        var str2 = encodeURIComponent(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript

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

var str1 = "你好javascript";
        var str2 = encodeURIComponent(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript
        var str3 = decodeURIComponent(str2);
        document.write("<br/>" + str3)  //输出    你好javascript

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

语法:escape(value);

 var str = "javascript 你好";
        var str1 = escape(str);
        document.write(str1);  //javascript%20%u4F60%u597D

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

 window.onload = function () {
            var str = "javascript 你好";
            var str1 = escape(str);
            document.write(str1); //javascript%20%u4F60%u597D
            var str2 = unescape(str1);
            alert(str2);      //弹出 javascript你好
        }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 8,489评论 0 4
  • ...
    邹敏娟阅读 10,466评论 16 23
  • 小王子: 你好,你已经满满一百天啦!麻麻爱你! 本计划在家为你办百天宴,结果太爷爷生病这事就搁浅啦!但,这并不影响...
    李豫一阅读 2,833评论 0 0
  • 1 下班到家,屁股还没碰到沙发,家里那位管事的就嚷嚷起来:为什么不扫地,说好这周你扫地的! 我很茫然,也很惊恐,因...
    王王凌霄阅读 2,823评论 0 1