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/"; //电脑
    }
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值