• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > JS、jQ >  jQuery中获取页面宽高正文

jQuery中获取页面宽高等尺寸的方法集合

作者:网页模板
类型:文章教程
点击次数:
发布时间:2014-03-24 13:41
分享到:
$(document).width() < $('body').width() ? $(document).width() : $('body').width();

$(document).height() < $('body').height() ? $(document).height() : $('body').height();

alert($(window).height()); //浏览器时下窗口可视区域高度

alert($(document).height()); //浏览器时下窗口文档的高度

alert($(document.body).height());//浏览器时下窗口文档body的高度

alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin

alert($(window).width()); //浏览器时下窗口可视区域宽度

alert($(document).width());//浏览器时下窗口文档对于象宽度

alert($(document.body).width());//浏览器时下窗口文档body的高度

alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

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

alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
(责任编辑:网页模板)
  • 本文标签:
  • $(window).height(),$(document).height(),$(document).scrollTop
js substr()和substring()的区别
jQuery笔记之返回顶部制作思路