JavaScript中的encodeURI()和encodeURICompoment()

最新推荐文章于 2025-08-09 20:51:19 发布

小鱼-小虾

最新推荐文章于 2025-08-09 20:51:19 发布

阅读量919

点赞数

CC 4.0 BY-SA版权

文章标签： javascript 浏览器 html

本文链接：https://blog.youkuaiyun.com/gavin812428144/article/details/5440597

本文介绍了JavaScript中的encodeURI()和encodeURIComponent()方法的区别及应用。通过实例演示了如何使用这两种方法来编码URI，确保浏览器能够正确解析含有特殊字符的网址。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

encodeURI()和encodeURICompoment()方法用于编码传递给浏览器的URI。有效的URI不能包含某些字符，如空格。这两个方法用于编码URI，这样用专门的UTF-8编码替换所有的非有效字符，这样就使浏览器能接受并处理它们。
encodeURI()方法用来处理完整的URI(如http://www.yahoo.com.cn)，而encodeURICompoment()用于处理URI的一个片段(如www.yahoo.com.cn)。这两个方法的主要区别是encodeURI()方法不对URI中的特殊字符进行编码，如冒号、前斜杠、问号等，而encodeURICompoment()方法则对它所发现的所有非标准字符进行编码，以下通过一个具体实例来进行说明。

文件test.html
---------------------------------代码从这开始------------------------------------------------

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  <title>Untitled Document</title>
</head>

<script language="JavaScript">
  var objURL="http://www.yahoo.com.cn/san san.html";
  alert(encodeURI(objURL));
  alert(encodeURIComponent(objURL));
</script>

<body>
</body>
</html>

---------------------------------代码到这结束------------------------------------------------

输出结果分别是：

http://www.yahoo.com.cn/san%20san.html

http%3A%2F%2Fwww.yahoo.com.cn%2Fsan%20san.html

可以看到，输出的第一个字符串值除了空格被替换成20%之外无其他变化，而第二个输出的字符串值中所有的非字母字符串都被替换成其他对应的编码，基本上使这个URI变得无用。这就是encodeURI()可以处理完整URI，而encodeURICompoment ()只能处理附加在已有URI末尾的字符串的原因。