html 获取url参数
时间: 2023-11-10 22:52:58 浏览: 39
可以使用 JavaScript 中的 `window.location.search` 属性获取 URL 中的查询参数部分,然后使用字符串操作函数进行处理。
例如,假设 URL 为 `https://www.example.com/?name=John&age=30`,我们可以使用以下代码获取 `name` 和 `age` 参数的值:
```javascript
const searchParams = new URLSearchParams(window.location.search);
const name = searchParams.get('name'); // "John"
const age = searchParams.get('age'); // "30"
```
如果你需要支持旧版浏览器,可以使用以下代码:
```javascript
function getParameterByName(name) {
const url = window.location.href;
name = name.replace(/[\[\]]/g, '\\$&');
const regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)');
const results = regex.exec(url);
if (!results) return null;
if (!results[2]) return '';
return decodeURIComponent(results[2].replace(/\+/g, ' '));
}
const name = getParameterByName('name'); // "John"
const age = getParameterByName('age'); // "30"
```
其中,`getParameterByName` 函数接受一个参数名称,返回对应参数的值。该函数使用正则表达式从当前 URL 中提取参数值。