码迷,mamicode.com
首页 > 编程语言 > 详细

javascript、jquery获取网页的高度和宽度

时间:2017-03-01 16:20:59      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:scroll   jquer   网页   jquery   add   获取   滚动条   javascrip   strong   

javascript:

可视区域宽 :document.documentElement.clientWidth  (width + padding)

可视区域高 :document.documentElement.clientHeight (height + padding)

可视区域宽: document.body.offsetWidth (包括边线的宽: width + padding + border)

可视区域高: document.body.offsetHeight (包括边线的高:height + padding + border)

内容高 : document.body.scrollHeight

文档高 : document.body.offsetHeight

纵向滚动的距离 : document.body.scrollTop || document.documentElement.scrollTop

横向滚动的距离 : document.body.scrollLeft || document.documentElement.scrollLeft

jquery:

可视区域宽  : $(window).width()  

可视区域高 :$(window).height()

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

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

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

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

javascript、jquery获取网页的高度和宽度

标签:scroll   jquer   网页   jquery   add   获取   滚动条   javascrip   strong   

原文地址:http://www.cnblogs.com/zjdeblog/p/6484715.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!