ts 获取地址参数的方法
时间: 2023-09-07 15:02:36 浏览: 286
在TypeScript中,我们可以使用`window.location`对象来获取地址参数。`window.location`对象包含了当前页面的URL信息,可以通过它来获取地址参数。
首先,我们可以使用`window.location.search`属性来获取URL中的查询字符串部分。查询字符串是以`?`字符开始的部分,包含了所有的参数和参数值。例如,如果URL是`http://example.com/page?name=John&age=25`,那么`window.location.search`的值就是`?name=John&age=25`。
接下来,我们可以使用`URLSearchParams`对象来解析查询字符串,并获取参数和参数值。可以通过创建`URLSearchParams`实例,并将查询字符串作为参数传递给它。然后,我们可以使用`get()`方法来获取指定参数的值。例如,我们可以这样获取`name`参数的值:
```typescript
const params = new URLSearchParams(window.location.search);
const name = params.get('name');
```
除了使用`URLSearchParams`对象之外,我们还可以手动解析查询字符串。首先,我们可以使用`substring()`方法去掉查询字符串中的`?`字符,然后使用`split()`方法将字符串分割成键值对数组。最后,我们可以通过遍历数组来获取参数和参数值。例如,我们可以这样获取`age`参数的值:
```typescript
const search = window.location.search.substring(1);
const pairs = search.split('&');
let age = '';
for (let i = 0; i < pairs.length; i++) {
const pair = pairs[i].split('=');
const key = decodeURIComponent(pair[0]);
const value = decodeURIComponent(pair[1]);
if (key === 'age') {
age = value;
break;
}
}
```
以上就是在TypeScript中获取地址参数的方法。无论是使用`URLSearchParams`对象还是手动解析查询字符串,都可以方便地获取URL中的参数和参数值。
阅读全文