码迷,mamicode.com
首页 > 其他好文 > 详细

获取页面宽高相关数值

时间:2016-12-16 09:52:41      阅读:141      评论:0      收藏:0      [点我收藏+]

标签:浏览器   offset   fse   滚动   set   ntop   屏幕   滚动条   idt   

在jquery中
  获取浏览器显示区域的高度 : $(window).height();
  获取浏览器显示区域的宽度 :$(window).width();
  获取页面的文档高度 :$(document).height();
  获取页面的文档宽度 :$(document).width();
  获取滚动条到顶部的垂直高度 :$(document).scrollTop();
  获取滚动条到左边的垂直宽度 :$(document).scrollLeft();

使用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

获取页面宽高相关数值

标签:浏览器   offset   fse   滚动   set   ntop   屏幕   滚动条   idt   

原文地址:http://www.cnblogs.com/wenb/p/6185648.html

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