$(document).hight()和$(window).hight()

原创 2016年08月30日 11:07:23
jquery
$(window).hight()//浏览器当前窗口可视区域高度,是获取当前 也就是你浏览器所能看到的页面的那部分的高度 这个大小在你缩放浏览器窗口大小时 会改变 与document是不一样的 根据英文应该也能理解吧
$(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
注意:
jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.
  注意当浏览器窗口大小改变时(如最大化或拉大窗口后) jQuery(window).height() 随之改变,但是jQuery(document).height()是不变的。


javascript

网页可见区域宽[仅针对body]: document.body.clientWidth
网页可见区域高[仅针对body]: document.body.clientHeight
网页可见区域宽[仅针对body]: document.body.offsetWidth (包括滚动条和边框,若滚动条和边框为0,则和clientWidth相等)
网页可见区域高[仅针对body]: document.body.offsetHeight (包括滚动条和边框,若滚动条和边框为0,则和clientHeight相等)
可视窗口宽度(包括滚动轴宽度):window.innerWidth; //IE9+、Chrome、Firefox、Opera 以及 Safari
可视窗口高度,不包括浏览器顶部工具栏: window.innerHeight;//IE9+、Chrome、Firefox、Opera 以及 Safari
网页正文全文宽(不包括滚动轴的宽度): document.body.scrollWidth
网页正文全文高:document.body.scrollHeight
//假如网页中没有滚动轴,document.body.scrollWidth和window.innerWidth相等,document.body.scrollHeight和window.innerHeight相等。
网页被卷去的高: document.body.scrollTop
网页被卷去的左: document.body.scrollLeft
网页正文部分上: window.screenTop
网页正文部分左: window.screenLeft
屏幕分辨率的高(整个屏幕的高度): window.screen.height
屏幕分辨率的宽(整个屏幕的宽度): window.screen.width
屏幕可用工作区高度: window.screen.availHeight
屏幕可用工作区宽度: window.screen.availWidth
整个浏览器可用工作区高度: window.outerHeight
整个浏览器可用工作区宽度: window.outerWidth


版权声明:本文为博主原创文章,未经博主允许不得转载。

相关文章推荐

TeeChart替代品,MFC下好用的高速绘图控件-(Hight-Speed Charting)

也许这是vc下最好最方便的绘图类,它有TeeChart的绘图和操作风格,不用当心注册破解的问题,因为它是开源的。不用打包注册,因为它是封装成类的,能方便扩展继承。vc6.0到vs2010都能使用,而且...

Biclique Attack on the Full HIGHT

  • 2014年07月10日 20:47
  • 256KB
  • 下载

Hight-Speed Charting Doxygen documentation

  • 2015年02月12日 22:58
  • 403KB
  • 下载

TeeChart替代品,MFC下好用的高速绘图控件-(Hight-Speed Charting)

也许这是vc下最好最方便的绘图类,它有TeeChart的绘图和操作风格,不用当心注册破解的问题,因为它是开源的。不用打包注册,因为它是封装成类的,能方便扩展继承。vc6.0到vs2010都能使用,而且...
  • czyt1988
  • czyt1988
  • 2014年01月24日 16:07
  • 35578

Window、Document、Location、History对象的常用属性和方法

一、window 对象的属性和方法  Window 对象共有七个属性:   defauleStatus:指定窗口状态栏中的信息。   status:指定当前窗口状态栏中的信息。   fram...

js关于document和window对象

  • 2013年12月30日 17:13
  • 30KB
  • 下载

JavaScript的document和window对象详解

  • 2008年02月29日 14:20
  • 31KB
  • 下载

$(document).ready(function() 总结以及和window.onload的区别

转载:http://www.cnblogs.com/MikeChen/articles/1795526.html 页面加载完成后开始运行do stuff when DOM is ready 中的语句...
  • wdt3385
  • wdt3385
  • 2012年12月04日 09:41
  • 845
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:$(document).hight()和$(window).hight()
举报原因:
原因补充:

(最多只允许输入30个字)