JavaScript中的编码和解码函数

发布时间 - 2026-01-10 23:04:36    点击率:

js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent

1、 传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。

例如:

2、 进行url跳转时可以整体使用encodeURI

例如:Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");

3、 js使用数据时可以使用escape

例如:搜藏中history纪录。

4、 escape对0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent,它是将中文、韩文等特殊字符转换成utf-8格式的url编码,所以如果给后台传递参数需要使用encodeURIComponent时需要后台解码对utf-8支持(form中的编码方式和当前页面编码方式相同)

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z

针对escape,encodeURI和encodeURIComponent的区别见此处javascript 字符 Escape,encodeURI,encodeURIComponent

以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!


# javascript  # 编码  # 解码  # js编码、解码函数介绍及其使用示例  # JavaScript中各种编码解码函数的区别和注意事项  # 对字符串进行HTML编码和解码的JavaScript函数  # JavaScript字符集编码与解码详谈  # javascript中的Base64、UTF8编码与解码详解  # Go语言对JSON进行编码和解码的方法  # Node.js中使用Buffer编码、解码二进制数据详解  # js对图片base64编码字符串进行解码并输出图像示例  # Javascript下的urlencode编码解码方法附decodeURIComponent  # javascript URL编码和解码使用说明  # 时需  # 特殊字符  # 最多  # 它是  # 可以使用  # 跳转  # 转换成  # 要使  # 见此  # 情况下  # url  # Location  # ff  # href  # color  # encodeURI  # encodeURIComponent  # escape  # strong  # js 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: JavaScript如何实现继承_有哪些常用方法  网页制作模板网站推荐,网页设计海报之类的素材哪里好?  如何在 Python 中将列表项按字母顺序编号(a.、b.、c. …)  Win11怎么设置虚拟桌面 Win11新建多桌面切换操作【技巧】  HTML5建模怎么导出为FBX格式_FBX格式兼容性及导出步骤【指南】  详解Nginx + Tomcat 反向代理 如何在高效的在一台服务器部署多个站点  Laravel如何使用Eloquent进行子查询  新三国志曹操传主线渭水交兵攻略  北京专业网站制作设计师招聘,北京白云观官方网站?  如何快速搭建虚拟主机网站?新手必看指南  高端建站三要素:定制模板、企业官网与响应式设计优化  如何在Windows环境下新建FTP站点并设置权限?  用v-html解决Vue.js渲染中html标签不被解析的问题  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  javascript基本数据类型及类型检测常用方法小结  Laravel如何使用Socialite实现第三方登录?(微信/GitHub示例)  如何使用 jQuery 正确渲染 Instagram 风格的标签列表  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  如何在局域网内绑定自建网站域名?  什么是javascript作用域_全局和局部作用域有什么区别?  简单实现Android文件上传  Laravel怎么配置自定义表前缀_Laravel数据库迁移与Eloquent表名映射【步骤】  深圳网站制作的公司有哪些,dido官方网站?  Laravel如何使用查询构建器?(Query Builder高级用法)  公司网站制作需要多少钱,找人做公司网站需要多少钱?  微信h5制作网站有哪些,免费微信H5页面制作工具?  js代码实现下拉菜单【推荐】  Laravel如何处理跨站请求伪造(CSRF)保护_Laravel表单安全机制与令牌校验  Laravel怎么实现观察者模式Observer_Laravel模型事件监听与解耦开发【指南】  深圳网站制作平台,深圳市做网站好的公司有哪些?  Windows11怎样设置电源计划_Windows11电源计划调整攻略【指南】  php json中文编码为null的解决办法  为什么php本地部署后css不生效_静态资源加载失败修复技巧【技巧】  EditPlus中的正则表达式实战(6)  千库网官网入口推荐 千库网设计创意平台入口  公司门户网站制作公司有哪些,怎样使用wordpress制作一个企业网站?  图册素材网站设计制作软件,图册的导出方式有几种?  Android自定义listview布局实现上拉加载下拉刷新功能  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  Laravel如何处理文件下载请求?(Response示例)  实现点击下箭头变上箭头来回切换的两种方法【推荐】  文字头像制作网站推荐软件,醒图能自动配文字吗?  高防服务器如何保障网站安全无虞?  Laravel如何部署到服务器_线上部署Laravel项目的完整流程与步骤  canvas 画布在主流浏览器中的尺寸限制详细介绍  IOS倒计时设置UIButton标题title的抖动问题  Python自然语言搜索引擎项目教程_倒排索引查询优化案例  百度输入法全感官ai怎么关 百度输入法全感官皮肤关闭  JS碰撞运动实现方法详解