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


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

相关文章推荐

Unity3D - 高动态范围(Hight Dynamic Range - HDR)

什么是高动态范围-Hight Dynamic Range?

Window和Document

navigator 浏览器对象 反映了当前使用的浏览器的资料。 属性 appCodeName 返回浏览器的“码名”(?),流行的 IE 和 NN 都返回 'Mozilla'。 appName 返...

精选:深入理解 Docker 内部原理及网络配置

网络绝对是任何系统的核心,对于容器而言也是如此。Docker 作为目前最火的轻量级容器技术,有很多令人称道的功能,如 Docker 的镜像管理。然而,Docker的网络一直以来都比较薄弱,所以我们有必要深入了解Docker的网络知识,以满足更高的网络需求。

浅谈window对象和document对象

1、window:代表浏览器中一个打开的窗口。 (1)对象属性 ① window.self 引用本窗口window==window.self ② window.name 为窗口名字 ③ win...

高性能MySql进化论(十二):Mysql中分区表的使用总结

对Mysql的分区方法,注意点做了一个简单的总结

Window及document对象

注:页面上元素name属性以及JavaScript引用的名称必须一致包括大小写   否则会提示你1个错误信息 "引用的元素为空或者不是对象" 一、Window对象   -----------...

window和document对象

Window -- 代表浏览器中一个打开的窗口: 对象属性   window //窗口自身   window.self //引用本窗户window=window.self   window.n...

HTML中的window对象和document对象详解

Window -- 代表浏览器中一个打开的窗口: 对象属性   window //窗口自身   window.self //引用本窗户window=window.self   window...

window和document的含义

window对象和document对象的区别 一般来讲,一个window里就是一个document,但是,iframe里面也可以装个document,在iframe里面就有区别了 alert(...

document、window对象

版权声明:转载时请以超链接形式标明文章原始出处和作者信息及本声明 http://solecjj.blogbus.com/logs/45973666.html 关于获取各种浏览器可见窗口大小的一点点研究...

javascript: location对象

BOM(浏览器对象模型)中最有用的对象之一就是location。 location对象是很特别的对象,因为它既是window对象的属性,也是document对象的属性。location对象提供了与当...
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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