JS对字符串编码的几种方式使用指南
更新时间：2015年05月14日 10:57:03 投稿：hebedich
在客户端中，要对字符串编码，可以采用：escape（）；encodeurl（）；encodeURIComponent（）；下面我们就来具体讲解下这几个方法。
函数 描述
encodeURI() 把字符串编码为 URI
encodeURIComponent() 把字符串编码为 URI 组件
escape() 对字符串进行编码
上面是查询来自w3school的资料。那么三者之间有什么区别呢，请容我测试测试。
复制代码 代码如下:
var str = "http://localhost:8080/Product/index?id=123&attr=456&area=中国";
console.log(encodeURI(str));
console.log(encodeURIComponent(str));
console.log(escape(str));
打印结果如下：
复制代码 代码如下:
http://localhost:8080/Product/index?id=123&attr=456&area=%E4%B8%AD%E5%9B%BD
http%3A%2F%2Flocalhost%3A8080%2FProduct%2Findex%3Fid%3D123%26attr%3D456%26area%3D%E4%B8%AD%E5%9B%BD
http%3A//localhost%3A8080/Product/index%3Fid%3D123%26attr%3D456%26area%3D%u4E2D%u56FD
可以看出，
encodeURI不会对:/?&等uri中起分割作用的字符进行编码；
encodeURIComponent则会。
观察escape则发现，:?&都被转码了，而/没有，w3school解释是，escape函数会对ascii码中字母、数字及符号（ * @ - _ + . / ）之外的所有字符进行编码。
另外，我们可以看出escape对汉字“中国”编码后结果与前两者不同。W3SCHOOL也建议不使用该方法，用前两者代替。
以上所述就是本文的全部内容了，希望对大家学习javascript能够有所帮助。
相关文章
在使用或开发小程序过程中,我们会发现消息通知是非常重要的一个环节,下面这篇文章主要给大家介绍了关于uniapp微信小程序订阅消息发送服务通知的相关资料,需要的朋友可以参考下2023-06-06
javascript 中的二进制运算的一些技巧，晒出来和你们分享一下，希望可以帮助你们2012-11-11
这篇文章主要介绍了javascript类型系统之Array对象，整理关于Array对象的学习笔记，感兴趣的小伙伴们可以参考一下2016-01-01
本文通过实例代码给大家分享了基于js 实现移动端整屏滑动效果，基本思路是检测手指滑动方向，获取手指抬起时的位置，减去手指按下时的位置，得正即为向下滑动了，具体实现代码大家参考下本文2017-11-11
这篇文章主要介绍了详解微信小程序（Taro）手动埋点和自动埋点的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-03-03
JS写XSS cookie stealer来窃取密码的步骤详解
JavaScript是web中最常用的脚本开发语言，js可以自动执行站点组件，管理站点内容，在web业内实现其他有用的函数。这篇文章主要介绍了JS写XSS cookie stealer来窃取密码的步骤详解,需要的朋友可以参考下2017-11-11
这篇文章主要为大家详细介绍了微信小程序下拉框组件使用方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
Lyncplus客户端中访问Web页面时遇到了TextBox控件回车自动完成按钮的提交事件失效的情况,于是上网查找相关的介绍最终解决了这两个问题，感兴趣的你可以参考下或许对你有所帮助2013-03-03
这篇文章主要给大家介绍在JavaScript中如何解决用execCommand("SaveAS")保存页面兼容性问题，设计到execCommand兼容性问题，感兴趣的朋友可以参考下本篇文章2015-10-10
这里给大家分享的是一段使用js实现数组转换成json的函数代码，代码简洁易懂，并附上了使用方法，小伙伴们拿去试试。2015-01-01
最新评论