zoukankan      html  css  js  c++  java
  • Javascript和JQuery获取浏览器窗口各种尺寸

    原生JS 窗口尺寸:

    console.log('window.innerWidth = ' + window.innerWidth + '---window.innerHeight = ' + window.innerHeight)
    console.log('document.body.clientWidth = ' + document.body.clientWidth + '---document.body.clientHeight = ' + document.body.clientHeight)

    JQuery 窗口尺寸:

    console.log($(window).height()); //浏览器时下窗口可视区域高度
    console.log($(document).height()); //浏览器时下窗口文档的高度
    console.log($(document.body).height());//浏览器时下窗口文档body的高度
    console.log($(document.body).outerHeight(true));//浏览器时下窗口文档body的总高度 包括border padding margin
    console.log($(window).width()); //浏览器时下窗口可视区域宽度
    console.log($(document).width());//浏览器时下窗口文档对于象宽度
    console.log($(document.body).width());//浏览器时下窗口文档body的高度
    console.log($(document.body).outerWidth(true));//浏览器时下窗口文档body的总宽度 包括border padding margin

    console.log($(document).scrollTop()); //获取滚动条到顶部的垂直高度
    console.log($(document).scrollLeft()); //获取滚动条到左边的垂直宽度

  • 相关阅读:
    P2380狗哥采矿(状态不易设计)
    P2320鬼谷子的钱袋(分治)
    树型背包(模板)
    Tarjan缩点割点(模板)
    最短路记录路径(模板)
    P1790 矩形分割(隐含的电风扇)
    P1725 琪露诺(单调队列优化)
    BZOJ3236: [Ahoi2013]作业
    BZOJ3809: Gty的二逼妹子序列
    BZOJ2190: [SDOI2008]仪仗队
  • 原文地址:https://www.cnblogs.com/tiger95/p/6907194.html
Copyright © 2011-2022 走看看