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
  • 相关阅读:
    VC++技术内幕(三)
    DataTable的Select方法
    <转载>电话号码正则表达式
    <转载>运行命令(CMD)大全
    各种CSS bug与技巧
    网页设计标准尺寸
    CSS实用技巧及常见问题
    超级实用且不花哨的js代码
    广告JS代码效果大全
    js小技巧收集
  • 原文地址:https://www.cnblogs.com/duniang/p/8662579.html
Copyright © 2011-2022 走看看