1、eacape(): 该方法不会对 ASCII 字母和数字进行编码，也不会对下面这些 ASCII 标点符号进行编码： * @ - _ + . / 。其他所有的字符都会被转义序列替换。其它情况下escape，encodeURI，encodeURIComponent编码结果相同。

   escape对0-255以外的unicode值进行编码时输出%u****格式

   可以使用 unescape() 对 escape() 编码的字符串进行解码。

   ECMAScript v3 反对使用该方法，应用使用 decodeURI() 和 decodeURIComponent() 替代它。

2、encodeURI 和 encodeURIComponent

encodeURI 和 encodeURIComponent都是ECMA-262标准中定义的函数,所有兼容这个标准的语言（如JavaScript, ActionScript）都会实现这两个函数。它们都是用来对URI （RFC-2396）字符串进行编码的全局函数，但是它们的处理方式和使用场景有所不同。为了解释它们的不同，我们首先需要理解RFC-2396中对于 URI中的字符分类：

1>保留字符（reserved characters）：这类字符是URI中的保留关键字符，它们用于分割URI中的各个部分。这些字符是：";" | "/" | "?" | ":" | "@" | "&" | "=" | "+" | "$" | ","

2>Mark字符（mark characters）：这类字符在RFC-2396中特别定义，但是没有特别说明用途，可能是和别的RFC标准相关。 这些字符是："-" | "_" | "." | "!" | "~" | "*" | "'" | "(" | ")"

3>基本字符（alphanum characters）：这类字符是URI中的主体部分，它包括所有的大写字母、小写字母和数字。

在介绍完上面三类字符串后，我们就非常容易来解释encodeURI和encodeURIComponent函数的不同之处了：

encodeURI: 该函数对传入字符串中的所有非（基本字符、Mark字符和保留字符）进行转义编码（escaping）。所有的需要转义的字符都按照UTF-8编码转化成 为一个、两个或者三个字节的十六进制转义字符（％xx）。例如，字符空格" "转换成为"%20"。在这种编码模式下面，需要编码的ASCII字符用一个字节转义字符代替，在\u0080和\u007ff之间的字符用两个字节转义字符代替，其他16为Unicode字符用三个字节转义字符代替。

encodeURIComponent: 该函数处理方式和encodeURI只有一个不同点，那就是对于保留字符同样做转义编码。这样url中的参数和值才不会被#等特殊字符截断。 比如：http://localhost:8080/xss/XssServlet?username=A&T Plastic，该url，后台的代码：

String username = request.getParameter("username");

获得的username值为A，而不是我们希望的 A&T Plastic。因为 username=A&T Plastic，其中含有了保留字符&，并且没有进行编码，所以username的值被其给截断了。所以正确的做法是，对其进行编码：encodeURIComponent("A&T Plastic") == A%26T%20Plastic，然后将上面的连接改为：

http://localhost:8080/xss/XssServlet?username=A%26T%20Plastic，后台才能获得正确的值：username==A&T Plastic。

因为username的值含有了uri的保留字符，所以需要进行编码。

例如，字符":"被转义字符"%3A"代替

之 所以有上面两个不同的函数，是因为我们在写JS代码的时候对URI进行两种不同的编码处理需求。encodeURI可以用来对完整的URI字符串进行编码处理。而encodeURIComponent可以对URI中一个部分进行编码，从而让这一部分可以包含一些URI保留字符。这在我们日常编程中是十分有用的。比如下面的URI字符串：

http://www.mysite.com/send-to-friend.aspx?url=http://www.mysite.com/product.html

在 这个URI字符串中。send-to-friend.aspx页面会创建HTML格式的邮件内容，里面会包含一个链接，这个链接的地址就是上面URI字符 串中的url值。显然上面的url值是URI中的一个部分，里面包含了URI保留关键字符。我们必须调用encodeURIComponent对它进行编 码后使用，否则上面的URI字符串会被浏览器认为是一个无效的URI。

正确的URI应该如下：

http://www.mysite.com/send-to-friend.aspx?url=http%3A%2F%2Fwww.mysite.com%2Fproduct.html

最多使用的应为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

例子：

alert(encodeURIComponent("A&T Plastic")); //A%26T%20Plastic
alert(escape("A&T Plastic"));  //A%26T%20Plastic
alert(encodeURI("A&T Plastic"));  //A&T%20Plastic
alert(escape("A&T Plastic中"));  //A%26T%20Plastic%uFFFD%uFFFD

我们看到 encodeURI 没有编码uri的保留字符 & ，'中'被编码成了 %uFFFD%uFFFD

encodeURIComponent 就编码了保留字符& 。

url的编码经常会被利用在XSS攻击中来绕过服务端的 xss filter, 对有威胁的url进行伪装，让不明用户去点击。

所以如果只是处理 get 提交时url地址中的乱码问题，可以使用 encodeURI 来编码整个url；

如果参数中含有保留字符需要进行编码，那么应该使用 encodeURIComponent 来编码部分参数；

如果使用encodeURIComponent来处理中文乱码，那么前端需要使用两次encodeURIComponent(encodeURIComponent('你好'))，Java后端使用：

java.Net.URLDecoder.decode(param,"UTF-8");

来解码；

参考：

https://www./article/22880.htm

总结

以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流，谢谢大家对的支持。

# js  # escape  # encodeuri  # encodeuri编码  # encodeuricomponent  # JavaScript使用escape()、encodeURI()和decodeURI()实现URI编  # js 转义字符及URI编码详解  # js中字符串编码函数escape()、encodeURI()、encodeURIComponent(  # 从此不再惧怕URI编码 JavaScript及C# URI编码详解  # js编码之encodeURIComponent使用介绍(asp  # php)  # Javascript下的urlencode编码解码方法附decodeURIComponent  # JS中三种URI编码方式对比分析  # 这类  # 都是  # 会对  # 可以使用  # 是一个  # 特殊字符  # 这一  # 也不  # 是因为  # 成了  # 最多  # 两种  # 两次  # 它是  # 这两个  # 有所不同  # 对其  # 在这种  # 只有一个  # 这篇文章 

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

相关推荐： 网站制作企业,网站的banner和导航栏是指什么？  三星、SK海力士获美批准：可向中国出口芯片制造设备  Win11怎样安装网易有道词典_Win11安装词典教程【步骤】  Laravel如何获取当前用户信息_Laravel Auth门面获取用户ID  java ZXing生成二维码及条码实例分享  Laravel怎么配置不同环境的数据库_Laravel本地测试与生产环境动态切换【方法】  Bootstrap整体框架之JavaScript插件架构  Laravel数据库迁移怎么用_Laravel Migration管理数据库结构的正确姿势  历史网站制作软件,华为如何找回被删除的网站？  如何在Windows虚拟主机上快速搭建网站？  C++时间戳转换成日期时间的步骤和示例代码  高端建站三要素：定制模板、企业官网与响应式设计优化  详解Nginx + Tomcat 反向代理 负载均衡 集群 部署指南  Windows驱动无法加载错误解决方法_驱动签名验证失败处理步骤  Microsoft Edge如何解决网页加载问题 Edge浏览器加载问题修复  如何快速使用云服务器搭建个人网站？  网站建设整体流程解析，建站其实很容易！  七夕网站制作视频,七夕大促活动怎么报名？  LinuxShell函数封装方法_脚本复用设计思路【教程】  如何快速完成中国万网建站详细流程？  Laravel Livewire是什么_使用Laravel Livewire构建动态前端界面  javascript中闭包概念与用法深入理解  原生JS实现图片轮播切换效果  Linux网络带宽限制_tc配置实践解析【教程】  标题：Vue + Vuex + JWT 身份认证的正确实践与常见误区解析  iOS正则表达式验证手机号、邮箱、身份证号等  香港服务器租用每月最低只需15元？  Laravel怎么进行数据库回滚_Laravel Migration数据库版本控制与回滚操作  C#如何调用原生C++ COM对象详解  详解jQuery中的事件  创业网站制作流程,创业网站可靠吗？  php嵌入式断网后怎么恢复_php检测网络重连并恢复硬件控制【操作】  深圳网站制作平台,深圳市做网站好的公司有哪些？  长沙企业网站制作哪家好,长沙水业集团官方网站？  zabbix利用python脚本发送报警邮件的方法  Laravel项目怎么部署到Linux_Laravel Nginx配置详解  Laravel如何使用Blade组件和插槽？（Component代码示例）  Windows10怎样连接蓝牙设备_Windows10蓝牙连接步骤【教程】  Laravel如何处理跨站请求伪造（CSRF）保护_Laravel表单安全机制与令牌校验  香港服务器WordPress建站指南：SEO优化与高效部署策略  Laravel如何实现事件和监听器？（Event & Listener实战）  如何快速启动建站代理加盟业务？  ChatGPT怎么生成Excel公式_ChatGPT公式生成方法【指南】  齐河建站公司：营销型网站建设与SEO优化双核驱动策略  中国移动官方网站首页入口 中国移动官网网页登录  中山网站推广排名,中山信息港登录入口？  如何撰写建站申请书？关键要点有哪些？  html5如何设置样式_HTML5样式设置方法与CSS应用技巧【教程】  如何在Ubuntu系统下快速搭建WordPress个人网站？  Win11怎么关闭资讯和兴趣_Windows11任务栏设置隐藏小组件