用JS 和 jQery获取屏幕的高度和宽度

用的时候,网上找了下,放在一起,方便以后查阅

document.body.clientWidth   document.body.offsetWidth(包括线宽)//网页可见区域宽

document.body.clientHeight  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 //屏幕可用工作区宽度

IE,FireFox 差异如下:

IE6.0、FF1.06+:
clientWidth = width + padding
clientHeight = height + padding
offsetWidth = width + padding + border
offsetHeight = height + padding + border

IE5.0/5.5:
clientWidth = width - border
clientHeight = height - border
offsetWidth = width
offsetHeight = height

scrollHeight //获取对象的滚动高度。
scrollLeft //设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
scrollTop //设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
scrollWidth //获取对象的滚动宽度
offsetHeight //获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
offsetLeft //获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
offsetTop //获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
event.clientX //相对文档的水平座标
event.clientY //相对文档的垂直座标
event.offsetX //相对容器的水平坐标
event.offsetY //相对容器的垂直坐标
document.documentElement.scrollTop //垂直方向滚动的值
event.clientX+document.documentElement.scrollTop //相对文档的水平座标+垂直方向滚动的量

$(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 
时间: 2024-12-28 14:54:50

用JS 和 jQery获取屏幕的高度和宽度的相关文章

android 获取屏幕款高度

       //获取屏幕的宽度  public static int getScreenWidth(Context context) {      WindowManager manager = (WindowManager) context              .getSystemService(Context.WINDOW_SERVICE);      Display display = manager.getDefaultDisplay();      return display

ios 获取屏幕的属性和宽度

1.app尺寸,去掉状态栏 CGRect r = [ UIScreen mainScreen ].applicationFrame; r=0,20,320,460 另外:self.view.bounds.size 2.屏幕尺寸 CGRect rx = [ UIScreen mainScreen ].bounds; r=0,0,320,480 3.状态栏尺寸 CGRect rect; rect = [[UIApplication sharedApplication] statusBarFrame]

Activity中获取view的高度和宽度为0的原因以及解决方案

在activity中可以调用View.getWidth.View.getHeight().View.getMeasuredWidth() .View.getgetMeasuredHeight()来获得某个view的宽度或高度,但是在onCreate().onStrart().onResume()方法中会返回0,这是应为当前activity所代表的界面还没显示出来没有添加到WindowPhone的DecorView上或要获取的view没有被添加到DecorView上或者该View的visibili

屏幕的高度和宽度

package com.example.examples_05_14; import android.os.Bundle; import android.app.Activity; import android.util.DisplayMetrics; import android.view.Menu; import android.widget.TextView; public class MainActivity extends Activity { @Override public voi

javascript 获取视口的高度和宽度

//获取视口的高度和宽度. function windowHeight() { var de = document.documentElement; return self.innerHeight||(de && de.offsetHeight)||document.body.offsetHeight; } function windowWidth() { var de = document.documentElement; return self.innerWidth||( de &am

javascript中获取dom元素高度和宽度

javascript中获取dom元素高度和宽度的方法如下: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollH

Android获取屏幕实际高度跟显示高度,判断Android设备是否拥有虚拟功能键

一般的获取屏幕尺寸,但是不包括虚拟功能高度 /** * 获取屏幕尺寸,但是不包括虚拟功能高度 * * @return */ public int getNoHasVirtualKey() { int height = getWindowManager().getDefaultDisplay().getHeight(); return height; } 但是今天我们测试找我就说你的webview界面有问题呀下面怎么一块空白,我看看就发现空白的手机是华为的有软键盘的那种 我们这个方法获取的高度不包

获取屏幕宽高度与可视区域宽高度(availWidth、clientWidth、width、innerWidth)

经常会遇到需要获取屏幕宽度.高度,可视区域宽度.高度等问题,也就常跟这几个打交道,一不小心,还真爱弄混淆了. 先来列举下这几个吧: screen.availHeight.screen.availWidth: screen.height.screen.width: document.documentElement.clientWidth.document.documentElement.clientHeight: window.innerWidth.window.innerHeight. (1).

原生JS 和 JQ 获取滚动条的高度,以及距离顶部的高度

JQ:相对比较简便 获取浏览器显示区域(可视区域)的高度 : $(window).height(); 获取浏览器显示区域(可视区域)的宽度 : $(window).width(); 获取页面的文档高度 $(document).height(); 获取页面的文档宽度 : $(document).width(); 浏览器当前窗口文档body的高度: $(document.body).height(); 浏览器当前窗口文档body的宽度: $(document.body).width(); 获取滚动条