分类目录

登录

统计信息

  • 日志总数:229篇
  • 评论总数:360条
  • 分类总数:3个
  • 标签总数:501个
  • 友情链接:11个
  • 网站运行:2932天

西安市公共自行车 微信小程序 入口扫描,扫我进入~

个人信息

·网名:青年白
·生日:1991年9月17日
·博客: http://www.baikeyang.com
·邮箱:baikeyang@vip.qq.com
·籍贯: 陝西省汉中市
·工作: 杭州鸿泉数字设备有限公司
·职位:Java软件开发工程师
·地址:西安市高新区丈八一路绿地SOHO
·   同盟A座606室
·时间:2015.07─至今
·工作: 西安易一电子科技有限公司
·职位:Java中级软件开发工程师
·地址:西安市高新区科技二路软件园
·   西岳阁403室
·时间:2014.05─2015.06
·工作:陕西齐力集团
·职位:初级软件开发工程师
·地址:西安市建工路19号新城科技产业园
·   华企大厦7层
·时间:2013.05─2014.04
现在位置:    首页 > 技术乱弹 > 正文
JS获取设备分辨率、宽、高
技术乱弹 暂无评论

JS获取显示设备的分辨率

屏幕分辨率的宽:window.screen.width
屏幕分辨率的高:window.screen.height

JS获取显示设备可用工作区信息
屏幕可用工作区宽度:window.screen.availWidth
屏幕可用工作区高度:window.screen.availHeight

JS获取显示设备其他信息
你的屏幕设置颜色位数:window.screen.colorDepth 位彩色
你的屏幕设置 像素/英寸: window.screen.deviceXDPI 像素/英寸

 

JS获取浏览器的显示相关信息
网页可见区域宽: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

 

JQuery 获取浏览器的显示相关信息
$(“body”).width():width()返回元素的宽高,不包括padding/border/margin
$(“body”).innerWidth():innerWidth()返回元素的宽高 + padding
$(“body”).outerWidth():outerWidth()返回元素的宽高 + padding + border
$(“body”).outerWidth(true):outerWidth(true)返回元素宽高 + padding + border + margin
$(window).height():浏览器当前窗口可视区域高度
$(document).height():浏览器当前窗口文档的高度
$(document.body).height():浏览器当前窗口文档body的高度
$(document.body).outerHeight(true):浏览器当前窗口文档body的总高度 包括border padding margin
$(window).width():浏览器当前窗口可视区域宽度
$(document).width():浏览器当前窗口文档对象宽度
$(document.body).width():浏览器当前窗口文档body的高度
$(document.body).outerWidth(true:浏览器当前窗口文档body的总宽度 包括border padding margin

 

本文版权归青年博客所有,转载引用请完整注明以下信息:
本文作者:BaiKeyang
本文地址:JS获取设备分辨率、宽、高 | 青年博客

发表评论

留言无头像?