JavaScript中各种编码解码函数的区别和注意事项
更新时间：2010年08月19日 20:08:05 作者：
JavaScript 中encodeURI,encodeURIComponent与escape的区别和注
大家在使用JS提交数据时，尤其是中文的时候，经常会需要将要提交的字符串进行URL编码。在JS中对字符串进行URL编码有好几种方 法，encodeURI，encodeURIComponent，还有escape。在我看到的很多代码中escape这个函数用的最多，不过这个函数却 是不推荐使用的。下面我们来分别看看这几个函数：
encodeURI：对指定的字符串进行URL编码，不包括 : # / \ = & 这些URL中的关键字符。
encodeURIComponent：对字符串中的字符进行编码，包括URL中的特殊字符。
escape:这个是JS比较早期版本的函数，这个函数中处理unicode字符的时候会有些问题。
代码如下：
var url = "http://www.abc.com?q=aa& amp;b=呵呵";
var encodedUrl = encodeURI(url);
alert(encodedUrl); //输出：http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5
encodedUrl = encodeURIComponent(url);
alert(encodedUrl); //输出：http%3A%2F %2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5
alert(escape(url)); //输出：http%3A//www.abc.com%3Fq%3Daa%26b%3D%u5475%u5475
如上所示，escape函数中处理中文字符的时候，都会转换成%uxxxx这种形式，显然这个和URL编码的格式不一样，而 encodeURIComponent函数编码是最彻底的，如果没有特殊需要的话，encodeURIComponent这个函数是比较常用的，当然，也 许我们使用escape也不会有什么问题，也许你的服务端语言也能够正常的解析出来，不过这个函数在处理unicode字符的时候还不是很标准，所以这里 建议大家使用encodeURIComponent和decodeURIComponent这对函数来对字符串进行URL编码和解码。
encodeURI：对指定的字符串进行URL编码，不包括 : # / \ = & 这些URL中的关键字符。
encodeURIComponent：对字符串中的字符进行编码，包括URL中的特殊字符。
escape:这个是JS比较早期版本的函数，这个函数中处理unicode字符的时候会有些问题。
代码如下：
复制代码 代码如下:
var url = "http://www.abc.com?q=aa& amp;b=呵呵";
var encodedUrl = encodeURI(url);
alert(encodedUrl); //输出：http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5
encodedUrl = encodeURIComponent(url);
alert(encodedUrl); //输出：http%3A%2F %2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5
alert(escape(url)); //输出：http%3A//www.abc.com%3Fq%3Daa%26b%3D%u5475%u5475
如上所示，escape函数中处理中文字符的时候，都会转换成%uxxxx这种形式，显然这个和URL编码的格式不一样，而 encodeURIComponent函数编码是最彻底的，如果没有特殊需要的话，encodeURIComponent这个函数是比较常用的，当然，也 许我们使用escape也不会有什么问题，也许你的服务端语言也能够正常的解析出来，不过这个函数在处理unicode字符的时候还不是很标准，所以这里 建议大家使用encodeURIComponent和decodeURIComponent这对函数来对字符串进行URL编码和解码。
相关文章
这篇文章主要给大家介绍了关于uniapp页面跳转的五种方式,文中通过实例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2023-03-03
这篇文章主要为大家详细介绍了JavaScript实现拖拽盒子效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-02-02
这篇文章主要介绍了JavaScript省市联动实现代码,需要的朋友可以参考下2014-02-02
这篇文章主要为大家详细介绍了如何利用JavaScript语言实现无缝轮播功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
这篇文章主要介绍了20个必会的JavaScript面试题(小结)，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-07-07
总结一些js自定义的函数...2006-08-08
本篇文章给大家介绍js判断网页是关闭还是刷新，实现原理就是通过离开页面行为时间onunload触发时间去检测此时的浏览器的窗口大小，根据大小由此判断用户是刷新，跳转或是关闭行为程序，需要的朋友可以参考下本文2015-09-09
swipe.JS是一个比较有名的触摸滑动插件，它能够处理内容滑动，支持自定义选项，你可以让它自动滚动，控制滚动间隔，返回回调函数等。经常可见使用在移动前端开发中。2016-10-10
这篇文章主要介绍了小程序下面商品左右滑动上面tab也跟随变动功能,也就是点击tab切换下面的商品信息，滑动下面的商品信息tab也进行切换，本文给大家分享实现代码，需要的朋友可以参考下2022-07-07
这篇文章主要介绍了微信小程序select下拉框实现源码,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-11-11
最新评论