js获取屏幕高度

document.body.clientWidth ==> BODY对象宽度
document.body.clientHeight ==> BODY对象高度
document.documentElement.clientWidth ==> 可见区域宽度  vue使用
document.documentElement.clientHeight/window.innerHeight ==> 可见区域高度  vue使用（适用于获取手机不包括上栏部分）
 
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 ==> 屏幕可用工作区宽度

原文地址：https://www.cnblogs.com/zouwangblog/p/10984105.html

时间： 2024-10-21 12:32:13

js获取屏幕高度的相关文章

jQuery的height()和JavaScript的height总结，js获取屏幕高度

jquery的各种高度 首先来说一说$(document)和$(window),如下: $(document).height();//整个网页的高度 $(window).height();//浏览器可视窗口的高度 $(window).scrollTop();//浏览器可视窗口顶端距离网页顶端的高度(垂直偏移) 用一句话理解就是:当网页滚动条拉到最低端时, $(document).height() == $(window).height() + $(window).scrollTop(). 注意,

js获取屏幕高度宽度

获取各种屏幕的宽度和高度Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网

js获取图片高度

js获取图片高度时经常会获取的图片高度为0,原因是图片未加载完毕.第一次加载时,显示0(火狐等部分浏览器显示24).待加载完毕后,再刷新,显示图片高度258. var oImg = document.createElement("img"); oImg.src = "http:////www.baidu.com/img/bdlogo.png"; document.getElementsByTagName("body")[0].appendChil

微信小程序获取屏幕高度和宽度，并在视图层使用

逻辑层获取屏幕宽高: //获取屏幕高度 this.setData({ height: wx.getSystemInfoSync().windowHeight, //屏幕高度 width:wx.getSystemInfoSync().windowWidth //屏幕宽度 }) 视图层使用: <view class="page" style="height:{{height}}px"> </view> 原文地址:https://www.cnblo

JS 获取星期几的四种写法

今天是星期几的4种JS代码写法,有需要的朋友可以参考一下 第一种写法 复制代码代码如下: var str = "";  var week = new Date().getDay();  if (week == 0) {          str = "今天是星期日";  } else if (week == 1) {          str = "今天是星期一";  } else if (week == 2) {          str =

一个js获取数组下标的函数

或许,面试的时候,你可能会被问到怎么模拟字符串的indexOf()函数获取数组的下标,这里是个人实现的一个小函数,里面包含的知识点挺多的,假如是新手,看不懂的地方可以百度,这里就不做详细介绍了,当然,看不懂也可以给我留言,有空会回复你的. /* 获取数组元素的下标, 第一个参数为数组的元素,可为复合类型,但不能为函数和undefined,也不能为空 第二个参数,要从哪个位置向后查找, 负数为从后面位置查找,查找的方向依然是向后查找, 比如说-1,就是最后的位置向后查找,也就是只能和最后一个元素相

android 获取屏幕高度和宽度 的方法

我们需要获取Android手机或Pad的屏幕的物理尺寸,以便于界面的设计或是其他功能的实现.下面就介绍讲一讲如何获取屏幕的物理尺寸 下面的代码即可获取屏幕的尺寸.    在一个Activity的onCreate方法中,写入如下代码: [java] view plain? DisplayMetrics metric = new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics(metric); int width

Android中获取屏幕高度和宽度

有时我们需要获取当前屏幕的高度和宽度,只需要在一个Activity的onCreate()方法中写上如下代码即可: 1 //定义DisplayMetrics 对象 2 DisplayMetrics metric = new DisplayMetrics(); 3 //获得窗口属性 4 getWindowManager().getDefaultDisplay().getMetrics(metric); 5 int width = metric.widthPixels; // 屏幕宽度(像素) 6 i

jQuery 获取屏幕高度、宽度

做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下. alert($(window).height()); //浏览器当前窗口可视区域高度 alert($(document).height()); //浏览器当前窗口文档的高度 alert($(document.body).height());//浏览器当前窗口文档body的高度 alert($(document.body).outerHeight(true));//浏览器当前窗口文档body的总高度 包括border padding m