博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
js获取浏览器屏幕高度、宽度等
阅读量:4634 次
发布时间:2019-06-09

本文共 897 字,大约阅读时间需要 2 分钟。

初始数据

——窗口文档显示区宽(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

转载于:https://www.cnblogs.com/duniang/p/8662579.html

你可能感兴趣的文章
android studio : clang++.exe: error: invalid linker name in argument '-fuse-ld=bfd
查看>>
leetcode 268
查看>>
Python初步
查看>>
【MFC】vs2013_MFC使用文件之15.mfc 按钮CBitmapButton的使用
查看>>
QGLViewer 编译安装步骤
查看>>
配置Mysql实现主从复制与读写分离
查看>>
易货Beta版本发布说明
查看>>
textbox 和textera 文本框多行后不能拉伸
查看>>
mingw + msys 上编译 ffmpeg
查看>>
使用Mule ESB与Groovy编排RESTful服务【转】很适合我们当前的架构
查看>>
PHP多线程的实现(PHP多线程类)
查看>>
k8s实战之从私有仓库拉取镜像 - kubernetes
查看>>
centos7硬盘分区
查看>>
chrome扩展之3:一步步跟我学开发一个表单填写扩展
查看>>
Socket、Http、TCP/IP、UDP的联系与区别
查看>>
包装函数
查看>>
原理系列:Spark1.x 生态圈一览
查看>>
django模板系统(下)
查看>>
HDU 1711 Number Sequence(KMP模板)
查看>>
如何查看Ubuntu版本
查看>>