js判断当前屏幕的宽高以及设备类型

获取屏幕宽高:
Javascript:
网页可见区域宽: document.body.clientWidth
网页可见区域高: document.body.clientHeight
网页可见区域宽: document.body.offsetWidth (包括边线的宽)
网页可见区域高: document.body.offsetHeight (包括边线的高)
网页正文全文宽: document.body.scrollWidth
网页正文全文高: document.body.scrollHeight
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高: window.screen.height
屏幕分辨率的宽: window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth

JQuery:
KaTeX parse error: Expected '}', got 'EOF' at end of input: …ction(){ alert((window).height()); //浏览器当前窗口可视区域高度
alert( ( d o c u m e n t ) . h e i g h t ( ) ) ; / / 浏 览 器 当 前 窗 口 文 档 的 高 度 a l e r t ( (document).height()); //浏览器当前窗口文档的高度 alert( (document).height());//alert((document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin

alert( ( w i n d o w ) . w i d t h ( ) ) ; / / 浏 览 器 当 前 窗 口 可 视 区 域 宽 度 a l e r t ( (window).width()); //浏览器当前窗口可视区域宽度 alert( (window).width());//alert((document).width());//浏览器当前窗口文档对象宽度
alert( ( d o c u m e n t . b o d y ) . w i d t h ( ) ) ; / / 浏 览 器 当 前 窗 口 文 档 b o d y 的 宽 度 a l e r t ( (document.body).width());//浏览器当前窗口文档body的宽度 alert( (document.body).width());//bodyalert((document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin

})

js判断当设备类型:

	//判断是否是ipad
方法一:
  if ((navigator.userAgent.match(/iPad/i))) {
      document.body.offsetWidth, //当前屏幕宽(包括边线)
      document.body.offsetHeight //当前屏幕高(包括边线)
    }
方法二:
if ((navigator.userAgent.match(/(phone|pad|pod|iPhone|iPod|ios|iPad|Android|Mobile|BlackBerry|IEMobile|MQQBrowser|JUC|Fennec|wOSBrowser|BrowserNG|WebOS|Symbian|Windows Phone)/i))) {
      window.location.href = "http://m.baidu.com/"; //手机
    } else {
        window.location.href = "https://www.baidu.com/"; //电脑
    }
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 在 uniapp 中可以使用 `getCurrentPages()` 方法获取当前页面栈的信息,返回一个数组,其中第一个元素为当前页面,最后一个元素为最顶层页面。您可以通过比较数组的长度来判断当前的层级。 例如: ``` let pages = getCurrentPages(); if (pages.length === 1) { console.log("当前页面是最顶层页面"); } else { console.log("当前页面不是最顶层页面"); } ``` 注意,在 uniapp 中,页面层级指的是在页面栈中的位置,并不是指页面中的层级关系。 ### 回答2: uni-app 是一个基于 Vue.js 开发的跨平台开发框架,用于快速构建多端应用。在uni-app中,可以使用uni.getSystemInfoSync()方法来获取当前设备的信息,然后通过判断设备信息中的屏幕度和度来判断当前层级。 首先,使用uni.getSystemInfoSync()方法获取当前设备的信息,比如屏幕度和度: ``` const systemInfo = uni.getSystemInfoSync(); const screenWidth = systemInfo.screenWidth; // 获取屏幕度 const screenHeight = systemInfo.screenHeight; // 获取屏幕度 ``` 接下来,可以根据获取到的屏幕度和度来判断当前层级。比如,一般情况下,手机屏幕度小于600px的设备可以判断为小屏幕,大于600px的设备可以判断为大屏幕。 ``` let level = ''; // 当前层级 if (screenWidth < 600) { level = '小屏幕'; } else { level = '大屏幕'; } ``` 通过以上方式,我们可以根据获取到的设备屏幕度来判断当前层级是小屏幕还是大屏幕。当然,具体的判断逻辑可以根据实际需求进行调整和扩展。 ### 回答3: 要判断uniapp中当前层级,可以使用uniapp自带的API,如getCurrentPages()。 getCurrentPages()方法用于获取当前页面栈的实例数组。页面栈是指当前所有已打开的页面的数组,数组中第一个元素为首页,最后一个元素为当前页面。 我们可以通过获取当前页面的索引值来判断当前层级。假设我们要判断当前层级是否为首页,可以使用以下代码: ``` // 获取当前页面栈 let pages = getCurrentPages(); // 获取当前页面在页面栈中的索引 let currentPageIndex = pages.length - 1; // 判断当前层级是否为首页 if (currentPageIndex === 0) { console.log("当前层级为首页"); } else { console.log("当前层级不是首页"); } ``` 上述代码会根据当前页面栈的长度判断当前层级是否为首页。如果索引为0,则表示当前层级为首页;否则,表示当前层级不是首页。 需要注意的是,getCurrentPages()方法需要在onLoad生命周期函数之后使用,以确保能够获取到正确的页面栈。 以上就是判断uniapp中当前层级的方法。通过获取页面栈和索引值,我们可以方便地判断当前层级是否为首页或其他页面。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值