首页 > 编程语言 > 详细

jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height

时间:2015-08-02 11:31:18      阅读:275      评论:0      收藏:0      [点我收藏+]

 一、javascript 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: document.body.offsetWidth (包括边线的宽) 网页可见区域高: document.body.offsetHeight (包括边线的高) 网页正文全文宽: document.body.scrollWidth 网页正文全文高: document.body.scrollHeight 网页被卷去的高: document.body.scrollTop 网页被卷去的左: document.body.scrollLeft 网页正文部分上: window.screenT...

一、javascript

网页可见区域宽: document.body.clientWidth

网页可见区域高: document.body.clientHeight

网页可见区域宽: document.body.offsetWidth (包括边线的宽)

网页可见区域高: document.body.offsetHeight (包括边线的高)

网页正文全文宽: document.body.scrollWidth

网页正文全文高: document.body.scrollHeight

网页被卷去的高: document.body.scrollTop

网页被卷去的左: document.body.scrollLeft

网页正文部分上: window.screenTop

网页正文部分左: window.screenLeft

屏幕分辨率的高: window.screen.height

屏幕分辨率的宽: window.screen.width

屏幕可用工作区高度: window.screen.availHeight

屏幕可用工作区宽度: window.screen.availWidth

二、jquery

获取浏览器显示区域的高度 : $(window).height(); 

获取浏览器显示区域的宽度 :$(window).width(); 

获取页面的文档高度 :$(document).height(); 

获取页面的文档宽度 :$(document).width();

获取滚动条到顶部的垂直高度 :$(document).scrollTop(); 

获取滚动条到左边的垂直宽度 :$(document).scrollLeft(); 

三、计算元素位置和偏移量 

offset方法是一个很有用的方法,它返回包装集中第一个元素的偏移信息。默认情况下是相对body的偏移信息。结果包含 top和left两个属性。 

offset(options, results) 

options.relativeTo  指定相对计 算偏移位置的祖先元素。这个元素应该是relative或absolute定位。省略则相对body。 

options.scroll         是否把 滚动条计算在内,默认TRUE 

options.padding     是否把padding计算在内,默认false 

options.margin      是否把margin计算在内,默认true 

options.border      是否把边框计算在内,默认true

jQuery,javascript获得网页的高度和宽度$(document).height / $(window).height

原文:http://www.cnblogs.com/caogang/p/4695341.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!