JavaScript encodeURI与decodeURI方法详解

"javascript中encodeURI和decodeURI方法的使用介绍" 在JavaScript中，`encodeURI()`和`decodeURI()`是一对用于处理URI（统一资源标识符）编码和解码的函数，它们对于处理包含非ASCII字符的URL尤其有用。由于浏览器可能会对含有中文或其他特殊字符的URL产生解析问题，这两个函数提供了将这些字符转换为可安全传输的格式，并在需要时恢复原样的能力。 一、基本概念 `encodeURI()`方法的主要作用是将非英文字符转换为百分号编码，以便在网络中安全地传递。这个方法不会对以下几个特殊字符进行编码：":"、"/"、";"和"?"，因为它们在URI中通常有特定含义。例如，":"用于分隔协议和主机名，"/"用于分隔路径部分，";"常用于在URL中携带额外的信息，而"?"用于分隔查询字符串。如果需要编码这些特殊字符，可以使用`encodeURIComponent()`函数。 相反，`decodeURI()`方法用于将由`encodeURI()`编码的URI解码回原始形式。它能够将百分号编码的字符转换回它们原来的值，帮助还原被编码的URI。 二、实例 以下是一个简单的示例，展示了`encodeURI()`和`decodeURI()`的使用： ```javascript var uriStr = ".baidu.com?name=张三num=001zs"; var uriEc = encodeURI(uriStr); console.log("编码后的：" + uriEc); var uriDc = decodeURI(uriEc); console.log("解码后的：" + uriDc); ``` 在这个例子中，原始的URI字符串包含中文字符"张三"。经过`encodeURI()`编码后，中文字符被转换为"%E5%BC%A0%E4%B8%89"，然后`decodeURI()`将其解码回"张三"，保持了原始信息的完整。 三、相关比较 `encodeURI()`和`encodeURIComponent()`虽然相似，但有一些关键区别。`encodeURIComponent()`比`encodeURI()`更严格，它会编码除了字母、数字、"-"、"."、"_"和"~"之外的所有字符。这意味着在使用`encodeURIComponent()`时，包括":"、"/"、";"和"?"在内的所有特殊字符都会被编码，这在某些场景下是必要的。 四、其他编码和解码方法 在JavaScript中，还有其他几个相关的编码和解码函数，如`escape()`、`unescape()`以及`decodeURIComponent()`。`escape()`函数编码所有非字母数字字符，但已被废弃，因为它不遵循URI规范。`unescape()`是`escape()`的对应解码函数。`decodeURIComponent()`则专门用于解码由`encodeURIComponent()`编码的字符串。 五、URL参数提取 在实际应用中，我们可能需要从URL的查询字符串中提取参数。这可以通过使用`split()`、`indexOf()`、`substring()`等字符串方法，或者利用正则表达式来实现。JavaScript还提供了一些内置函数，如`URLSearchParams`对象，可以方便地操作URL的查询参数。 总结来说，`encodeURI()`和`decodeURI()`是JavaScript中处理URI编码解码的两个重要工具，它们确保了包含特殊字符的URI能够在网络环境中正确传输和解析。了解并正确使用这两个函数，对于处理URL和URI相关的问题至关重要。