$(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


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

$(document).height()与$(window).height()

 jQuery(window).height()代表了当前可见区域的大小,而jQuery(document).height()则代表了整个文档的高度,可视具体情况使用.   注意当浏览器窗口大...
  • kabuqinuo229891
  • kabuqinuo229891
  • 2014年08月11日 21:22
  • 568

(document).height()与$(window).height()

http://www.cnblogs.com/piuba/archive/2013/01/06/2847295.html jQuery(window).height()代表了当前可见区域的大小,...
  • jajavaja
  • jajavaja
  • 2013年06月03日 17:23
  • 18057

HTML中<table>中width和height属性的详解(表格)

表格属性练习
  • Ameir_yang
  • Ameir_yang
  • 2017年03月06日 16:50
  • 2679

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

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

width:100vh有感而发

在看一个网页的代码是看到 width:100vh  纳尼。。。这这我怎么没有见过,这是个什么属性,随之有看到 min-height:calc(100vh + 51px);这尼玛又是怎么用的.... 感...
  • kaizi524
  • kaizi524
  • 2015年02月27日 17:16
  • 13965

Citrix_XenServer_6.0入门系列教程之15:配置高可用性(Hight_Availablity).pdf

  • 2013年07月25日 17:44
  • 989KB
  • 下载

CSS line-hight ,vertical-align,父元素高度以及行框,行内框的关系

参考文章:我对CSS vertical-align的一些理解与认识(一)                     css行高line-height的一些深入理解及应用                 ...
  • okyoung188
  • okyoung188
  • 2017年03月12日 16:37
  • 111

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

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

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

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

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

相关链接: C++ GUI 绘图控件目录 MFC VS2010 使用TeeChart绘图控件 - 之一 - 控件和类的导入VS2010 使用TeeChart绘图控件 ...
  • Qsir
  • Qsir
  • 2018年01月09日 13:21
  • 24
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:$(document).hight()和$(window).hight()
举报原因:
原因补充:

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