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

  1. document.body.clientWidth document.body.offsetWidth(包括线宽)//网页可见区域宽
  2.  
  3. document.body.clientHeight document.body.offsetHeight(包括线宽)//网页可见区域高
  4.  
  5. document.body.scrollWidth // 网页正文全文宽
  6.  
  7. document.body.scrollHeight //网页正文全文高
  8. document.body.scrollTop //网页被卷去的高
  9. document.body.scrollLeft //网页被卷去的左
  10. window.screenTop //网页正文部分
  11. window.screenLeft //网页正文部分左
  12. window.screen.height //屏幕分辨率的高
  13. window.screen.width //屏幕分辨率的宽
  14. window.screen.availHeight //屏幕可用工作区高度
  15. window.screen.availWidth //屏幕可用工作区宽度

IE,FireFox 差异如下:

  1. IE6.、FF1.+:
  2. clientWidth = width + padding
  3. clientHeight = height + padding
  4. offsetWidth = width + padding + border
  5. offsetHeight = height + padding + border

IE5.0/5.5:

  1. clientWidth = width - border
  2. clientHeight = height - border
  3. offsetWidth = width
  4. offsetHeight = height
  1. scrollHeight //获取对象的滚动高度。
  2. scrollLeft //设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离
  3. scrollTop //设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离
  4. scrollWidth //获取对象的滚动宽度
  5. offsetHeight //获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度
  6. offsetLeft //获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置
  7. offsetTop //获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置
  8. event.clientX //相对文档的水平座标
  9. event.clientY //相对文档的垂直座标
  10. event.offsetX //相对容器的水平坐标
  11. event.offsetY //相对容器的垂直坐标
  12. document.documentElement.scrollTop //垂直方向滚动的值
  13. event.clientX+document.documentElement.scrollTop //相对文档的水平座标+垂直方向滚动的量
  14.  
  15. $(window).height()//浏览器当前窗口可视区域高度
  16. $(document).height()//浏览器当前窗口文档的高度
  17.  
  18. $(document.body).height()//浏览器当前窗口文档body的高度
  19. $(document.body).outerHeight(true)//浏览器当前窗口文档body的总高度 包括border padding margin
  20. $(window).width()//浏览器当前窗口可视区域宽度
  21. $(document).width()//浏览器当前窗口文档对象宽度
  22. $(document.body).width()//浏览器当前窗口文档body的高度
  23. $(document.body).outerWidth(true)//浏览器当前窗口文档body的总宽度 包括border padding margin

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

  1. android 获取屏幕的高度和宽度、获取控件在屏幕中的位置、获取屏幕中控件的高度和宽度

    (一)获取屏幕的高度和宽度 有两种方法: 方法1: WindowManager wm = (WindowManager) getContext().getSystemService(Context.W ...

  2. Android获取屏幕的高度和宽度

    方法一: DisplayMetrics metrics=new DisplayMetrics(); getWindowManager().getDefaultDisplay().getMetrics( ...

  3. js和jquery获取屏幕的高度

    Javascript: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.b ...

  4. Android 修改toast的默认位置和获取当前屏幕的高度和宽度

    Toast toast; toast=Toast.makeText(this, "toast", Toast.LENGTH_LONG); toast.setGravity(grav ...

  5. JavaScript获取屏幕和页面的宽度和高度

    JavaScript获取屏幕和页面的宽度和高度 1.设计源码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN ...

  6. [JS]jQuery,javascript获得网页的高度和宽度

    [JS]jQuery,javascript获得网页的高度和宽度网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeigh ...

  7. web开发中获取的各种高度和宽度

    前端开发中经常需要获取页面还有屏幕的高度和宽度进行计算,此文即介绍如何用 JavaScript 还有 jQuery 获取这些尺寸. 1.简介 一个页面显示在浏览器内,浏览器又放置在屏幕窗口内,所以由里 ...

  8. javascript 获取视口的高度和宽度

    //获取视口的高度和宽度. function windowHeight() { var de = document.documentElement; return self.innerHeight|| ...

  9. Android进阶笔记18:Android 获取Button的高度、宽度、坐标值

    1. 问题 如何获取一个控件的长和高,相信很多朋友第一眼看见这个问题都会觉得很简单,直接在onCreate里面调用getWidth.getMeasuredWidth不就可以获得了吗,但是,事实上是并没 ...

随机推荐

  1. C++进阶--派生类的析构(虚析构函数,shared_ptr)

    //############################################################################ /* 在多态虚基类中声明一个虚析构函数 * ...

  2. 【Darwin学习笔记】之获取系统处理器数量的方法

    阅读Darwin源码的时候看到这个方法,感觉挺有用处,且考虑了多种平台下的实现方式,直接贴代码,以后说不定会用到~ 单一种平台下的实现方法可能很容易,但是把这些个系统都收集在一起,在一个函数中实现还是 ...

  3. uoj#209. 【UER #6】票数统计

    http://uoj.ac/problem/209 当x!=y时,这个限制条件是确定的,可以枚举总通过数,用组合数计算,当x==y时,这个限制条件表示前x个全部通过或后x个全部通过,只有最大的x有用, ...

  4. bzoj3491: PA2007 Subsets

    Description 有一个集合U={1,2,…,n),要从中选择k个元素作为一个子集A.若a∈A,则要有a*X不属于A,x是一个给定的数.求可选方案对M取模后的值. 1< = N< = ...

  5. vc++获取网页源码之使用import+接口方式

    1.使用IWinHttpRequest获取网页源码 首先要创建基于对话框的mfc应用程序 2.import+接口方式 首先导入winhttp.dll,使用IWinHttpRequest接口 #impo ...

  6. Java-Runoob-高级教程-实例-方法:01. Java 实例 – 方法重载

    ylbtech-Java-Runoob-高级教程-实例-方法:01. Java 实例 – 方法重载 1.返回顶部 1. Java 实例 - 方法重载  Java 实例 先来看下方法重载(Overloa ...

  7. sql脚本长度限制及linux下文件切分

    无意翻出以前笔记,切分sql文件,每10万条加一个commit.半天都想不起来应用的场景,能想起来的再加上查的资料记录一下. 在Oracle数据库中,频繁的commit会引起大量Redo Log的物理 ...

  8. Html的本质及在web中的作用

    概要 本文以一个Socket程序为例由浅及深地揭示了Html的本质问题,同时介绍了作为web开发者我们在开发网站时需要做的事情 Html的本质以及开发需要的工作 1.服务器-客户端模型 其实,对于所有 ...

  9. [UE4]Text Block文字字体偏移

    这样看起来就像是真正的垂直居中对齐了.

  10. 读《SQL优化核心思想》:你不知道的优化技巧

    SQL性能问题已经逐步发展成为数据库性能的首要问题,80%的数据库性能问题都是因SQL而导致. 1.1 基数(CARDINALITY) 某个列唯一键(Distinct_Keys)的数量叫作基数.比如性 ...