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:
$(document).ready(function(){
alert($(window).height()); //浏览器当前窗口可视区域高度
alert($(document).height()); //浏览器当前窗口文档的高度
alert($(document.body).height());//浏览器当前窗口文档body的高度
alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding margin
alert($(window).width()); //浏览器当前窗口可视区域宽度
alert($(document).width());//浏览器当前窗口文档对象宽度
alert($(document.body).width());//浏览器当前窗口文档body的宽度
alert($(document.body).outerWidth(true));//浏览器当前窗口文档body的总宽度 包括border padding margin
})
转自:https://www.cnblogs.com/yuancr/p/8352611.html
转载于:https://www.cnblogs.com/xuqp/p/9758887.html
JS获取当前屏幕宽高相关推荐
- 小程序项目实战总结--如何获取手机屏幕宽高?
一.获取手机屏幕宽高并存储 手机屏幕宽高一般是固定的,所以我们将它存在全局app.js中 我们通过wx.getSystemInfoSync()获取手机相关信息 // app.js App({// 定义 ...
- 前端js获取图片大小 扩展名_前端 JS 获取 Image 图像 宽高 尺寸
前端 JS 获取 Image 图像 宽高 尺寸 简介 项目中用到获取图片的原始尺寸,然后适配宽高:网上的大部分前端解决方案,都是new Image()后,在onload事件中获取image的尺寸. 在 ...
- php根据图片地址获取图片原始高宽,Js获取图片原始宽高的实现代码
如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(im ...
- JS获取video真实宽高
JS获取video真实宽高 JS代码 var video = document.querySelector('video'); video.addEventListener('canplay', fu ...
- 动态获取手机屏幕宽高及动态设置控件宽高
1.获取手机屏幕宽高: DisplayMetrics dm = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetr ...
- jquery 判断是否是浮点数_jquery或者js获取到元素宽高精确到小数
首先我们应该知道用jQuery的width()方法获取元素的宽高及样式属性数值时,如果元素的属性是浮点数,会自动四舍五入成整数. 而如果我们就是想获取实际的带小数的属性数值时该用什么方法. 在使用获取 ...
- js 获取图片原始宽高并等比例缩放
近期做一个驾考项目,由于每张图片加载的时候比例大小都不一样,在试题练习中加载图片时大部分图片会变形,导致图片展示效果非常差,所以我们可以获取图片的原始宽高,然后以等比例展示,效果会非常好.以下就是实现 ...
- flutter 获取当前屏幕宽高
参考一 参考二 1.系统提供的方法 这个方法可以得到当前控件的宽,高 final size =MediaQuery.of(context).size; final width =size.width; ...
- Android获取手机屏幕宽高
//如果是获取单位是像素,可以如下:Display display = getWindowManager().getDefaultDisplay(); Point size = new Point() ...
最新文章
- python控制电机_利用树莓派控制步进电机——Python语言
- 手把手教你 MongoDB 的安装与详细使用(二)
- Java线程:线程的调度-合并
- Oculus Connect 4 演讲——留住用户和建立联系(视频) | 【翻译】
- 传统的http请求存在那些缺点
- Shell命令-文件及目录操作之chattr、lsattr
- 用户用户组及权限管理
- 调用异步服务时的超时处理
- 第二节:ES7 新增的 includes 特性
- hbuilder能写php项目吗,如何在Android中使用HBuilder中的项目
- 【华为面试手撕代码】
- 如何测试一个串口调试助手软件,串口调试助手(SComAssistant)
- 鲁豫有约--之分享李连杰的私密生活
- NTL(Number Theory Library)源码剖析(2)__基本运算
- 2018年结婚大数据来了:深圳离婚率高居第三,原因竟然是……
- 最小费用最大流算法 网络流
- zzlibsvm / liblinear中的交叉训练技巧
- 工欲善其事必先利其器,提高编程效率
- Self referencing loop detected with type的原因以及解决办法
- 习题 2-2 韩信点兵 (hanxin)(C语言版)