如何在 javascript 中读取 url 参数

在 JavaScript 中，URL 参数可以通过 window.location.search 属性访问，该属性是一个包含查询字符串中所有键值对的可读字符串。

最简单的获取 URL 参数的方法是使用以下语法：

const urlParams = new URLSearchParams(window.location.search);
const paramValue = urlParams.get('paramName');

其中：

• window.location.search 是包含查询字符串的字符串。
• new URLSearchParams() 创建一个 URLSearchParams 对象，它是一个由 URL 参数键和值组成的映射。
• get() 方法返回给定参数名称的值，如果参数不存在则返回 null。

例如，对于以下 URL：

https://example.com/page?paramName=paramValue

你可以使用以下代码访问 paramValue：

const urlParams = new URLSearchParams(window.location.search);
const paramValue = urlParams.get('paramName'); // "paramValue"

其他方法

除了 window.location.search 属性外，还有其他方法可以在 JavaScript 中获取 URL 参数：

• Location API：你可以使用 window.location.search、window.location.hash 和 window.location.href 来直接获取完整的 URL 字符串。然后，你可以使用正则表达式或其他字符串操作技术来提取参数。
• jQuery 库：jQuery 提供几个方法来访问 URL 参数，例如 $.getQueryString()。

注意

请注意，如果 URL 参数包含特殊字符（如空格或非 ASCII 字符），则需要进行编码或解码。