JS encodeURIComponent()函数

encodeURIComponent()函数

JavaScript中encodeURIComponent()函数，可以把字符串类型的数据作为URI进行编码，与encodeURI()函数不同的是，encodeURIComponent编码字符串时遇到“, / ? : @ & = + $ #”等字符时可以对其进行转义。

---

语法

encodeURIComponent( uri )

encodeURIComponent()实例代码，及在线编辑器

下方实例比较了encodeURI()和encodeURIComponent()的区别，其中的str字符串包含了一些特殊字符，看看二者编码的区别：

<p id="e1"></p>
<p id="e2"></p>
<script>
  var str = "https://www.x1y1z1.com/search?qsearchword="
  var encode_str = encodeURI(str)
  var text1 = "encodeURI编码值："+encode_str
  document.getElementById("e1").innerHTML = text1
  var encode_component_str = encodeURIComponent(str)
  var text2 = "encodeURIComponent编码值："+encode_component_str
  document.getElementById("e2").innerHTML = text2
</script>

试一试