地址栏中的参数 转码和解码

本文探讨了URL地址栏中参数的转码和解码问题,重点关注encodeURIComponent、encodeURI、decodeURI和unescape等函数的使用区别。特别指出,encodeURIComponent用于编码URL参数,避免特殊字符导致的问题,而encodeURI适用于整个URL编码,不会编码特定的保留字符。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

点击图片—进入新的页面,并携带参数。
在这里插入图片描述
但是发现在地址栏携带的参数 是被转码了,是一个百度网盘的链接,,被转码之后的链接,不能直接在浏览器中打开,所以需要解码

用的是encodeURIComponent 和 decodeURIComponent(转码和解码)
原因直接在文末,可直接跳转到最后查看

另外:

  1. escape 和 unescape(escape()函数用于js对字符串进行编码。
    escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。

采用unicode字符集对指定的字符串除0-255以外进行编码。所有的空格符、标点符号、特殊字符以及更多有联系非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。
escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z。

  1. encodeURI 和 decodeURI(encodeURI()用于整个url编码
    把URI字符串采用UTF-8编码格式转化成escape各式的字符串。
    encodeURI不编码字符有82个:!,#,$,&,’,(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z
    encodeURI()用于整个url编码
  2. encodeURIComponent 和 decodeURIComponent(encodeURIComponent() 用于参数的传递,参数包含特殊字符可能会造成间断)

与encodeURI()的区别是,它用于对URL的组成部分进行个别编码,而不用于对整个URL进行编码。

因此,"; / ? : @ & = + $ , #",这些在encodeURI()中不被编码的符号,在encodeURIComponent()中统统会被编码。至于具体的编码方法,两者是一样。把URI字符串采用UTF-8编码格式转化成escape格式的字符串。

总括

  1. escape编码字符串
  2. URL编码encodeURI和encodeURIComponent

encodeURl和encodeURIComponent的区别:

encodeURIComponent比encodeURI编码的范围更大。
实际例子来说,encodeURIComponent会把 http:// 编码成 http%3A%2F%2F 而encodeURI却不会。(符合我遇到的问题情况)

如果只是编码"字符串",不和URL有半毛钱关系,那么用escape。
如果你需要编码"整个URL",然后需要使用这个URL,那么用encodeURI。
当需要编码"URL中的参数"的时候,那么encodeURIComponent是最好方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值