uniapp获取getSystemInfo的windowHeight
时间: 2023-10-02 18:07:47 浏览: 99
在uni-app中,你可以使用uni.getSystemInfo()方法来获取系统信息,包括窗口的高度。
你可以通过以下代码获取窗口的高度:
```javascript
uni.getSystemInfo({
success: function(res) {
let windowHeight = res.windowHeight;
console.log(windowHeight);
}
});
```
在success回调函数中,通过res.windowHeight可以获取到窗口的高度。你可以根据需要进行处理或打印出来。
相关问题
uniapp获取window对象
UniApp可以通过`uni.getSystemInfo`接口获取系统信息,其中包含了`windowWidth`、`windowHeight`等属性,可以用来获取窗口大小。
示例代码如下:
```
uni.getSystemInfo({
success: function(res) {
console.log('Window width: ' + res.windowWidth)
console.log('Window height: ' + res.windowHeight)
}
})
```
除此之外,UniApp还提供了`uni.getMenuButtonBoundingClientRect`接口获取右上角胶囊菜单按钮的布局位置信息,可以根据这些信息来进行页面布局。
uniapp获取获取页面高度
在uni-app中,可以通过以下几种方式获取页面高度:
1. 使用uni.getSystemInfoSync()方法获取系统信息,包括窗口高度。示例代码如下:
```
let res = uni.getSystemInfoSync();
let windowHeight = res.windowHeight;
console.log(windowHeight);
```
2. 使用uni.createSelectorQuery()方法创建一个查询实例,然后使用selectViewport()方法选择视窗,最后使用boundingClientRect()方法获取视窗的高度。示例代码如下:
```
uni.createSelectorQuery().selectViewport().boundingClientRect(function(rect) {
let windowHeight = rect.height;
console.log(windowHeight);
}).exec();
```
3. 使用uni.getSystemInfo()方法异步获取系统信息,然后在回调函数中获取窗口高度。示例代码如下:
```
uni.getSystemInfo({
success: function(res) {
let windowHeight = res.windowHeight;
console.log(windowHeight);
}
});
```
以上是uni-app中获取页面高度的几种方式,你可以根据自己的需求选择适合的方法来获取页面高度。
阅读全文