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

encodeURI和encodeURIComponent区别

时间:2018-04-13 21:21:40      阅读:219      评论:0      收藏:0      [点我收藏+]

标签:方法   decode   com   amp   转义   png   baidu   alt   部分   

    var str1="http://baidu.com";
    var str2="http://baidu.com/~#$&*(_+";
    var str3="http://baidu.com/my page";
    console.log(encodeURI(str1));
    console.log(encodeURI(str2));
    console.log(encodeURI(str3));

  运行结果:

技术分享图片

  encodeURI() 不会转义:;/?:@&=+$,#-_.!~*‘(),但会对空格转义,目的是对 URI 进行完整的编码

  

    var str4="http://baidu.com";
    var str5="http://baidu.com/:;/?:@&=+$,#";
    var str6="http://baidu.com/my page/04563";
    var str7="http://baidu.com/-_.!~*‘()";
    console.log(encodeURIComponent(str4));
    console.log(encodeURIComponent(str5));
    console.log(encodeURIComponent(str6));
    console.log(encodeURIComponent(str7));

  运行结果:

  http%3A%2F%2Fbaidu.com
  http%3A%2F%2Fbaidu.com%2F%EF%BC%9A%3B%2F%3F%3A%40%26%3D%2B%24%2C%23
  http%3A%2F%2Fbaidu.com%2Fmy%20page%2F04563
  http%3A%2F%2Fbaidu.com%2F-_.!~*‘()

  encodeURIComponent() 不会对这些 ASCII 标点符号进行编码: - _ . ! ~ * ‘ ( ),目的是将转义用于分隔 URI 各个部分的标点符号

 

  两个方法的解码分别对应decodeURI和decodeURIComponent

encodeURI和encodeURIComponent区别

标签:方法   decode   com   amp   转义   png   baidu   alt   部分   

原文地址:https://www.cnblogs.com/jelina/p/8823832.html

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