JS对字符串编码的几种方式使用指南


Posted in Javascript onMay 14, 2015

函数 描述
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能够有所帮助。

Javascript 相关文章推荐
jQuery $.data()方法使用注意细节
Dec 31 Javascript
js实现一个省市区三级联动选择框代码分享
Mar 06 Javascript
基于jQuery实现仿百度首页换肤背景图片切换代码
Aug 25 Javascript
jQuery基础_入门必看知识点
Jul 04 Javascript
jQuery插件ajaxFileUpload异步上传文件
Oct 19 Javascript
基于jQuery实现滚动刷新效果
Jan 09 Javascript
微信小程序 地图map实例详解
Jun 07 Javascript
Cropper.js 实现裁剪图片并上传(PC端)
Aug 20 Javascript
使用Electron构建React+Webpack桌面应用的方法
Dec 15 Javascript
electron demo项目npm install安装失败的解决方法
Feb 06 Javascript
webpack4.x下babel的安装、配置及使用详解
Mar 07 Javascript
layer ui 导入文件之前传入数据的实例
Sep 23 Javascript
jQuery的基本概念与高级编程
May 14 #Javascript
javascript实现简单的省市区三级联动
May 14 #Javascript
javascript实现仿腾讯游戏选择
May 14 #Javascript
JavaScript实现Flash炫光波动特效
May 14 #Javascript
javascript基于DOM实现省市级联下拉框的方法
May 14 #Javascript
javascript搜索框效果实现方法
May 14 #Javascript
javascript操作ul中li的方法
May 14 #Javascript
You might like
解析php中memcache的应用
2013/06/18 PHP
ThinkPHP分组下自定义标签库实例
2014/11/01 PHP
php使用CURL不依赖COOKIEJAR获取COOKIE的方法
2015/06/17 PHP
PHP中FTP相关函数小结
2016/07/15 PHP
详解PHP归并排序的实现
2016/10/18 PHP
[原创]php实现 data url的图片生成与保存
2016/12/04 PHP
Js之软键盘实现(js源码)
2007/01/30 Javascript
用js实现键盘方向键翻页功能的代码
2007/06/03 Javascript
二级域名或跨域共享Cookies的实现方法
2008/08/07 Javascript
jquery下为Event handler传递动态参数的代码
2011/01/06 Javascript
ASP.NET中AJAX 调用实例代码
2012/05/03 Javascript
解决extjs grid 不随窗口大小自适应的改变问题
2014/01/26 Javascript
jquery 实现两Select 标签项互调示例代码
2014/09/25 Javascript
jQuery插件formValidator自定义函数扩展功能实例详解
2015/11/25 Javascript
JavaScript+html5 canvas制作的百花齐放效果完整实例
2016/01/26 Javascript
基于jQuery实现点击列表加载更多效果
2016/05/31 Javascript
JS实现根据密码长度显示安全条功能
2017/03/08 Javascript
JS实现求5的阶乘示例
2019/01/21 Javascript
Python入门之modf()方法的使用
2015/05/15 Python
实例探究Python以并发方式编写高性能端口扫描器的方法
2016/06/14 Python
Python编程实现删除VC临时文件及Debug目录的方法
2017/03/22 Python
Python生成rsa密钥对操作示例
2019/04/26 Python
基于树莓派的语音对话机器人
2019/06/17 Python
利用Python检测URL状态
2019/07/31 Python
Python将二维列表list的数据输出(TXT,Excel)
2020/04/23 Python
Stuart Weitzman美国官网:美国奢华鞋履品牌
2016/08/18 全球购物
美国时尚假发购物网站:Wigsbuy
2019/04/06 全球购物
餐饮业经理竞聘演讲稿
2014/01/14 职场文书
创业大赛策划书
2014/03/01 职场文书
绿化工程实施方案
2014/03/17 职场文书
员工保密承诺书
2014/05/28 职场文书
月度优秀员工获奖感言
2014/08/16 职场文书
2014年移动公司工作总结
2014/12/08 职场文书
保护校园环境倡议书
2015/04/28 职场文书
大学学生会竞选稿
2015/11/19 职场文书
反邪教教育心得体会
2016/01/15 职场文书