escape, encodeURI, encodeURIComponent的区别

最新推荐文章于 2024-08-06 05:45:29 发布

luanxiyuan

最新推荐文章于 2024-08-06 05:45:29 发布

阅读量138

点赞数

分类专栏：经(cǎi)验(kēng)总结

本文链接：https://blog.csdn.net/luanxiyuan/article/details/117297618

版权

经(cǎi)验(kēng)总结专栏收录该内容

251 篇文章 3 订阅

订阅专栏

首先从定义上区分一下（注意粗体字部分）

escape()除了 ASCII 字母、数字和特定的符号外，对传进来的字符串全部进行转义编码，因此如果想对URL编码，最好不要使用此方法。对应unescape。

encodeURI() 用于编码整个URI,因为URI中的合法字符（包括特殊字符，英文半角标点符号）都不会被编码转换。对应decodeURI。

encodeURIComponent方法在编码单个URIComponent（指请求参数）应当是最常用的，可以将参数中的中文、特殊字符进行转义，而不会影响整个URL。对应decodeURIComponent。

encodeURIComponent() 函数与 encodeURI() 函数的区别之处，前者假定它的参数是 URI 的一部分（比如协议、主机名、路径或查询字符串）。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

然后你点击下面的链接自己验证一下上面的定义，一下子就明白了。

https://www.runoob.com/try/try.php?filename=tryjsref_encodeuricomponent

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>

<script>
    var uri="中文Ｆｉｔabc:';'/.";
    var escape = escape(uri);
    document.write("==="+escape + "<br>");
    document.write("==="+unescape(escape) + "<br>");
	
    var encodeURI=encodeURI(uri);	
    document.write("==="+encodeURI + "<br>");
    document.write("==="+decodeURI(encodeURI) + "<br>");
	
    var encodeURIComponentURI = encodeURIComponent(uri);
    document.write("==="+encodeURIComponentURI + "<br>");
    document.write("==="+decodeURIComponent(encodeURIComponentURI) + "<br>");
</script>

</body>
</html>

输出结果如下：

===%u4E2D%u6587%uFF26%uFF49%uFF54abc%3A%27%3B%27/.
===中文Ｆｉｔabc:';'/.
===%E4%B8%AD%E6%96%87%EF%BC%A6%EF%BD%89%EF%BD%94abc:';'/.
===中文Ｆｉｔabc:';'/.
===%E4%B8%AD%E6%96%87%EF%BC%A6%EF%BD%89%EF%BD%94abc%3A'%3B'%2F.
===中文Ｆｉｔabc:';'/.