js获取地址中get参数
封面图
•
2025-11-30
•
JavaScript
178
0
0
0
在 JavaScript 中,你可以通过 `window.location.search` 获取 URL 中的 GET 参数,然后对其进行解析。以下是几种常见的方法: --- ### ✅ 方法一:使用 `URLSearchParams` 这是最推荐的方式,现代浏览器都支持。 ```javascript // 获取当前 URL 的查询字符串部分(例如:"?name=John&age=30") const search = window.location.search; // 创建 URLSearchParams 对象 const params = new URLSearchParams(search); // 获取某个参数的值 const name = params.get('name'); // "John" const age = params.get('age'); // "30" // 如果参数不存在,会返回 null const gender = params.get('gender'); // null // 遍历所有参数 for (const [key, value] of params.entries()) { console.log(key + ": " + value); } ``` --- ### ✅ 方法二:手动解析(兼容性更好) 如果你需要兼容旧版浏览器,可以手动解析: ```javascript function getParams() { const params = {}; const search = window.location.search.substring(1); // 去掉开头的 "?" const pairs = search.split('&'); for (let pair of pairs) { const [key, value] = pair.split('='); params[key] = decodeURIComponent(value || ''); } return params; } // 使用示例 const params = getParams(); console.log(params.name); // "John" console.log(params.age); // "30" ``` --- ### ✅ 方法三:使用 `location` 对象 你也可以直接从 `location` 对象中获取查询参数: ```javascript const url = new URL(window.location.href); const params = new URLSearchParams(url.search); console.log(params.get('name')); // "John" ``` --- ### ✅ 示例 URL 假设当前地址是: ``` https://example.com/page?name=John&age=30 ``` 那么上面的方法都会得到: - `name`: `"John"` - `age`: `"30"` --- 如果你有更复杂的需求(比如处理多个相同名称的参数、编码解码等),也可以告诉我,我可以帮你进一步扩展代码。
上一篇:
如何用js得到当前页面的url信息方法(JS获取当前网址信息)
下一篇:
javascript中encodeURI和decodeURI方法
js获取地址中get参数
标题录入,一次不能超过6条
留言
评论