zoukankan      html  css  js  c++  java
  • 获取浏览器窗口大小的方法

    JavaScript获取浏览器窗口的尺寸:

    window.innerWidth //相对于文档宽度
    window.innerHeight //相对于文档高度 document.body.clientWidth //浏览器可视区域宽度
    document.body.clientHeight //浏览器可视区域高度

    JQuery 获取浏览器窗口的尺寸:

    $(window).height(); //浏览器时下窗口可视区域高度
    $(document).height(); //浏览器时下窗口文档的高度
    $(document.body).height();//浏览器时下窗口文档body的高度
    $(document.body).outerHeight(true);//浏览器时下窗口文档body的总高度
    $(window).width(); //浏览器时下窗口可视区域宽度
    $(document).width();//浏览器时下窗口文档对象宽度
    $(document.body).width();//浏览器时下窗口文档body的高度
    $(document.body).outerWidth(true);//浏览器时下窗口文档body的总宽度
    $(document).scrollTop(); //获取滚动条到顶部的垂直高度
    $(document).scrollLeft(); //获取滚动条到左边的垂直宽度
  • 相关阅读:
    centOS和windows7双系统下重装windows后恢复centOS引导
    第一天
    Spring初学
    myBatis-一级缓存与二级缓存
    myBatis-类型关联
    myBatis-智能标签
    myBati初学
    myBati初学
    博客系统开发
    Y2分班考试 笔试题总结
  • 原文地址:https://www.cnblogs.com/lxl0419/p/11850927.html
Copyright © 2011-2022 走看看