js获取屏幕宽高等操作

  1. document.body.clientWidth ==> BODY对象宽度
  2. document.body.clientHeight ==> BODY对象高度
  3. document.documentElement.clientWidth ==> 可见区域宽度
  4. document.documentElement.clientHeight ==> 可见区域高度
  5. 网页可见区域宽： document.body.clientWidth
  6. 网页可见区域高： document.body.clientHeight
  7. 网页可见区域宽： document.body.offsetWidth (包括边线的宽)
  8. 网页可见区域高： document.body.offsetHeight (包括边线的高)
  9. 网页正文全文宽： document.body.scrollWidth
  10. 网页正文全文高： document.body.scrollHeight
  11. 网页被卷去的高： document.body.scrollTop
  12. 网页被卷去的左： document.body.scrollLeft
  13. 网页正文部分上： window.screenTop
  14. 网页正文部分左： window.screenLeft
  15. 屏幕分辨率的高： window.screen.height
  16. 屏幕分辨率的宽： window.screen.width
  17. 屏幕可用工作区高度： window.screen.availHeight
  18. 屏幕可用工作区宽度： window.screen.availWidth
时间： 2024-08-12 01:53:22

js获取屏幕宽高等操作的相关文章

JS获取网页宽高方法集合

JS获取网页宽高等方法的集合:document.body.clientWidth - 网页可见区域宽document.body.clientHeight - 网页可见区域高 document.body.offsetWidth - 网页可见区域宽,包括边线和滚动条的宽document.body.offsetHeight - 网页可见区域高,包括边线和滚动条的高[FF,chrom下是整个页面高,IE opera 下正常] document.body.scrollWidth - 网页总宽documen

js获取浏览器宽高、网页宽高、屏幕宽高、鼠标位置等（带图片说明）

网页可见区域宽: document.body.clientWidth;网页可见区域高: document.body.clientHeight;(点击查看大图) 网页可见区域宽: document.body.offsetWidth (包括边线的宽);网页可见区域高: document.body.offsetHeight (包括边线的宽);(点击查看大图)有没有发现,offsetWidth和clientWidth的区别,offsetWidt是连滚动条一起包含在内的. 网页正文全文宽: documen

js获取屏幕

js获取屏幕(设备)宽高 <script language="javascript"> var h = ""; h += " 网页可见区域宽:"+ document.body.clientWidth+"\n"; h += " 网页可见区域高:"+ document.body.clientHeight+"\n"; h += " 网页可见区域宽:"+ docu

android获取屏幕宽高与获取控件宽高

获取屏幕宽高 // 获取屏幕宽高(方法1) int screenWidth = getWindowManager().getDefaultDisplay().getWidth(); // 屏幕宽(像素,如:480px) int screenHeight = getWindowManager().getDefaultDisplay().getHeight(); // 屏幕高(像素,如:800p) Log.e(TAG + " getDefaultDisplay", "screen

各种情况上JS获取元素宽高

各种情况下JS获取元素宽高 为了叙述简单,这里仅拿width示例. 情景一,元素style属性设置了width/height <div style="width:996px">test<div><script> var div = document.getElementsByTagName('div')[0]; alert(div.style.width);</script>默认分类 如上,使用el.style.width即可. 如果没有

android 获取屏幕宽高 和 获取控件坐标

一.获取屏幕宽高: (1). WindowManager wm = (WindowManager)getSystemService(Context.WINDOW_SERVICE); int width = wm.getDefaultDisplay().getWidth(); int height = wm.getDefaultDisplay().getHeight(); (2). WindowManager wm = this.getWindowManager(); int width = wm

android获取屏幕宽高工具类

import java.lang.reflect.Field; import android.app.Activity; import android.content.Context; import android.graphics.Point; import android.util.DisplayMetrics; import android.view.Display; import android.view.Window; import android.view.WindowManager

js获取元素宽高

只说ie8+的浏览器的方法. 在转vue之前,一直使用jquery来获取元素的高度,最近转vue,发现了一个问题.使用vue的时候,部分操作需要在mounted这个生命周期里面去做,官网对mounted的解释是: 如果不在vm.$nextTick里面做操作的时候,是很有可能获取不到组件内部元素的宽高的.刚开始的时候,我没有仔细看官网,所以在mounted里面是直接获取不到子孙元素的宽高的. 后来,看了iview的一个组件的源码,看到了getComputedStyle方法获取宽高,对getComp

获取屏幕宽高width(),outerWidth,innerWidth,documentElement.clientWidth, body.clientWidth的区别

基本介绍 $(window).width()与$(window).height() $(window).width()与$(window).height():获得的是屏幕可视区域的宽高,不包括滚动条与工具条. $(window).width() = width + padding $(window).height() = height + padding document.documentElement.clientWidth与document.documentElement.clientHei