zoukankan      html  css  js  c++  java
  • js获取浏览器屏幕高度、宽度等

    初始数据

    ——窗口文档显示区宽(IE 8 及更早 IE版本不支持)

    window.innerWidth;  // 结果:1366

    ——窗口文档显示区高(IE 8 及更早 IE版本不支持)

    window.innerHeight;  // 结果:672

    ——网页可见区域宽(body)

    document.body.clientWidth;  // 结果:1348

    ——网页可见区域高(body)

    document.body.clientHeight;  // 结果:0

    ——网页可见区域整体宽(body),包括border、margin等

    document.body.offsetWidth;  // 结果:1350

    ——网页可见区域整体高(body),包括border、margin等

    document.body.offsetHeight;  // 结果:2

    ——网页正文全文宽,包括有滚动条时的未见区域

    document.body.scrollWidth;  // 结果:1366

    ——网页正文全文高,包括有滚动条时的未见区域

    document.body.scrollHeight;  // 结果:672

    ——屏幕分辨率宽

    window.screen.width;  // 结果:1366

    ——屏幕分辨率高

    window.screen.height;  // 结果:768

    ——屏幕可用工作区宽

    window.screen.availWidth;  // 结果:1366

    ——屏幕可用工作区高

    window.screen.availHeight;  // 结果:738

    ——网页被卷去的上

    document.body.scrollTop;  // 结果:0

    ——网页被卷去的左

    document.body.scrollLeft;  // 结果:0

    ——浏览器距离上

    window.screenTop;  // 结果:0

    ——浏览器距离左

    window.screenLeft;  // 结果:0
  • 相关阅读:
    Java AbstractQueuedSynchronizer(AQS)
    CentOS Install Rancher & K3s
    CentOS Install Rancher & Kubernetes
    CentOS Install Kubernetes & Kubesphere
    支付宝小程序入门
    uni-app 抽奖
    APP上架
    uniapp微信小程序语音识别实现
    uniapp 安卓打包之导入的项目打包指导
    uniapp 支付宝 支付后不成功回调
  • 原文地址:https://www.cnblogs.com/duniang/p/8662579.html
Copyright © 2011-2022 走看看