uniapp获取当前页面的url即参数、域名
时间: 2024-09-29 09:03:12 浏览: 400
uniapp日常总结-uniapp页面传值
在UniApp中,获取当前页面的URL以及其参数和域名,你可以使用`uni.getStorageSync`或者`uni.getQuery`函数。以下是基本步骤:
1. **获取完整URL**:
使用 `uni.getLocation()` 获取页面的详细信息,包括 URL。例如:
```javascript
const url = await uni.getLocation();
console.log(url.href); // 输出完整的URL
```
2. **获取URL参数**:
对于查询字符串(通常包含在 URL 的 `?` 后面),可以使用 `uni.getQuery()` 函数:
```javascript
const queryObj = uni.getQuery(); // 返回一个对象,键值对形式存储参数
console.log(queryObj.keyName); // 获取特定参数的值
```
3. **获取域名**:
可能需要从 URL 中提取出来,可以手动解析,也可以用正则表达式。这里是一个简单的例子,提取主域名:
```javascript
const url = 'https://example.com/path?param=value';
const domain = new URL(url).hostname; // 或者使用URL对象的hostname属性
console.log(domain); // 输出 "example.com"
```
请注意,以上代码示例都是异步操作,所以你需要添加适当的回调函数或者使用 async/await 来处理。
阅读全文