zoukankan      html  css  js  c++  java
  • jquery获取浏览器高度、宽度和滚动条高度

    我们做前端的,经常需要获取浏览器的宽度和高度,还有滚动条的高度,今天整理出来,以后拿来直接用。
    Jquery代码:

     1     alert($(window).height()); //浏览器时下窗口可视区域高度  
     2     alert($(document).height()); //浏览器时下窗口文档的高度  
     3     alert($(document.body).height());//浏览器时下窗口文档body的高度  
     4     alert($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin  
     5     alert($(window).width()); //浏览器时下窗口可视区域宽度  
     6     alert($(document).width());//浏览器时下窗口文档对于象宽度  
     7     alert($(document.body).width());//浏览器时下窗口文档body的高度  
     8     alert($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin  
     9     alert($(document).scrollTop()); //获取滚动条到顶部的垂直高度  
    10     alert($(document).scrollLeft()); //获取滚动条到左边的垂直宽度
  • 相关阅读:
    用jquery实现手风琴效果
    网易轻博客特点
    用display做导航
    小结
    有序列表的显示
    水仙花
    相识多少天
    关于javascript中this的运用
    BFC
    八月第三周
  • 原文地址:https://www.cnblogs.com/zimin1985/p/3362616.html
Copyright © 2011-2022 走看看