习惯有你&的博客

人生只有一条路不能选择——那就是放弃的路;人生只有一条路不能拒绝——那就是成长的路...

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

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


阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/wu920604/article/details/52367573
个人分类: jquery
上一篇jquery的empty()方法与jquery的remove()的区别及作用
下一篇抽象类 接口 多态
想对作者说点什么? 我来说一句

mc34063 hight power supper ic

2010年02月02日 203KB 下载

没有更多推荐了,返回首页

关闭
关闭