JavaScript 获取 URL 参数的方法有以下三种：window.location.search 返回 URL 中问号 (?) 之后的部分。URLSearchParams 对象提供了更加方便的查询字符串处理。正则表达式可用于解析 URL 参数，但相对复杂。
如何使用 JavaScript 获取 URL 中的参数
JavaScript 提供了多种方法来访问 URL 中的参数。
1. window.location.search
window.location.search 属性返回 URL 中问号 (?) 之后的部分，即查询字符串。
使用示例：
const url = "https://example.com/search?q=apple";
const queryParams = url.split("?")[1]; // "q=apple"
console.log(queryParams);2. URLSearchParams
URLSearchParams 对象是另一个获取 URL 参数的有效方法。它提供了更加方便的方法来处理查询字符串。
使用示例：
const url = new URL("https://example.com/search?q=apple");
const queryParams = new URLSearchParams(url.searchParams);
console.log(queryParams.get("q")); // "apple"3. 正则表达式
正则表达式也可以用来解析 URL 参数，但这种方法相对复杂。
使用示例：
const url = "https://example.com/search?q=apple"; const regex = /q=(.*)/; const queryParams = url.match(regex); console.log(queryParams[1]); // "apple"
选择哪种方法？
最佳方法取决于您的具体需求和偏好。在大多数情况下，window.location.search 和 URLSearchParams 是获取 URL 参数的便捷选择。正则表达式方法更适合于需要自定义解析的复杂场景。
以上就是js如何获取url中的参数的详细内容，更多请关注php中文网其它相关文章！
每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。
广告![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
收藏
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
212
