UNI-APP_uni-app获取屏幕高度宽度、元素的高度宽度

矫情吗；* 2022-12-29 06:53 782阅读 0赞

### uni.getSystemInfo(OBJECT) ###

[官方文档][Link 1]

#### 获取屏幕高度宽度 ####

*  screenWidth 屏幕宽度
 *  screenHeight 屏幕高度
 *  windowWidth 可使用窗口宽度
 *  windowHeight 可使用窗口高度
 *  windowTop 可使用窗口的顶部位置 App、H5
 *  windowBottom 可使用窗口的底部位置 App、H5
 *  statusBarHeight 状态栏的高

onLoad() { 
    	let _this = this
    	uni.getSystemInfo({ 
    	    success: function (res) { 
    	        console.log(res.model);
            	console.log(res.pixelRatio);
    	        console.log(res.windowWidth);
    	        console.log(res.windowHeight);
    	        console.log(res.language);
    	        console.log(res.version);
    	        console.log(res.platform);
    	    }
    	});
    },

#### 获取元素的宽度、高度、定位 ####

*  bottom:
 *  dataset，如ref
 *  proto:
 *  height:
 *  id
 *  left:
 *  right:
 *  top:
 *  width:

uni.getSystemInfo({ 
      success: function (res) {  // res - 各种参数
      	//如 <view class="box"></view> .select('.box')
        let obj = uni.createSelectorQuery().select('.类名')
        obj.boundingClientRect(function (data) {  // data - 各种参数
          console.log(data)
        }).exec()
      }
    })

[Link 1]: https://uniapp.dcloud.io/api/system/info?id=getsysteminfo

发表评论取消回复

表情：

评论列表（有 0 条评论，782人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS--获取元素的高度与宽度

原文网址：[JS--获取元素的高度与宽度\_IT利刃出鞘的博客-CSDN博客][JS--_IT_-CSDN] 简介说明本文介绍如何使用JavaScript获取HT

港控/mmm°/ 2024年03月30日 12:24/ 0 赞/ 84 阅读

相关 Jquery获取当前屏幕的宽度、高度。

1. <script type="text/javascript"> 2. $(document).ready(function() 3. \{ 4. alert($(

青旅半醒/ 2024年02月18日 19:35/ 0 赞/ 91 阅读

相关 UNI-APP_uni-app获取屏幕高度宽度、元素的高度宽度

uni.getSystemInfo(OBJECT) [官方文档][Link 1] 获取屏幕高度宽度 screenWidth 屏幕宽度 screenHe

矫情吗；*/ 2022年12月29日 06:53/ 0 赞/ 783 阅读

相关【VUE系列】获取元素宽度高度等

获取元素宽度给元素绑定个 ref 如 <div ref="divWidth">测试</div> 使用函数获取 //可以输出如下对象，查找到宽度cl

矫情吗；*/ 2022年10月15日 14:54/ 0 赞/ 313 阅读

相关 Android中获取屏幕的高度和宽度

`android获取屏幕的高度和宽度用到WindowManager这个类，两种方法：` `1``、WindowManager wm = (WindowManager) get

Myth丶恋晨/ 2022年09月29日 14:54/ 0 赞/ 257 阅读

相关 Android获取屏幕的宽度和高度(dp)

一般我们需要的宽度和高度都是需要dp格式,但是在网上找了一大堆的资料基本上得到的宽度和高度都是像素(Pixels)型的宽度和高度,与我们所需要的不一样,后面经过查找资料

约定不等于承诺〃/ 2022年08月26日 05:58/ 0 赞/ 628 阅读

相关 JQuery 获取屏幕高度、宽度

做手机Web开发或做浏览器兼容通常会用到屏幕高度、宽度，现将其汇总一下： alert($(window).height()); //浏览器当前窗口可视区域高度

朱雀/ 2022年08月07日 10:43/ 0 赞/ 256 阅读

相关 jQuery 获取屏幕高度、宽度

alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前

Myth丶恋晨/ 2022年07月24日 10:07/ 0 赞/ 289 阅读

相关 js,jquery获取各种屏幕的高度，宽度

![116165-20160630110328843-2101737128.png][] 关于js,jquery获取各种屏幕的高度宽度老是要记混，现在就在这里稍稍总结一下：

忘是亡心i/ 2022年06月17日 13:50/ 0 赞/ 245 阅读

相关 JS获取屏幕的宽度和高度

<html> <script> 　　function a(){ 　　　　document.write( 　　　　"屏幕分辨率为："+sc

不念不忘少年蓝@/ 2021年09月30日 10:22/ 0 赞/ 521 阅读