JS获取屏幕的宽度、高度
1、网页可见区域宽:
document.body.clientWidth
2、网页可见区域高:
document.body.clientHeight
3、网页可见区域宽(包括边线的宽):
document.body.offsetWidth
4、网页可见区域高 (包括边线的宽):
document.body.offsetHeight
5、网页正文全文宽:
document.body.scrollWidth
6、网页正文全文高:
document.body.scrollHeight
7、网页卷去的高:
document.body.scrollTop
8、网页卷去的左:
document.body.scrollLeft
9、网页正文部分上:
window.screenTop
10、网页正文部分左:
window.screenLeft
11、屏幕分辨率的高:
window.screen.height
12、屏幕分辨率的宽:
window.screen.width
13、屏幕可用工作区高度:
window.screen.availHeight
14、屏幕可用工作区宽度:
window.screen.availWidth
JS获取屏幕的宽度、高度相关推荐
- JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...
- JS 获取屏幕页面的高度,根据设置容器高度来展示页面
最近公司有需求说客户的屏幕分辨率很大,导致页面显示高度老缺失下面一大截.对这个问题就行一个问题的解决. 屏幕信息: screen.height // 屏幕的高度 screen.width // 屏幕宽 ...
- H5获取屏幕的宽度和高度
H5获取屏幕的宽度和高度 通过JS获取 window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) ...
- js获取网页的各种高度
原文:js获取网页的各种高度 网页可见区域宽: document.body.clientWidth 网页可见区域高: document.body.clientHeight 网页可见区域宽: docum ...
- 图片加尺寸php代码,php获取图片尺寸(宽度,高度)_php
本篇文章主要说明php获取图片尺寸(宽度,高度)的函数,即getimagesize()函数. 语法:array getimagesize( string filename [, array & ...
- php如何让图片铺满屏幕,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
- php自动适应屏幕大小,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
- 获取屏幕的宽度用dom方式
可以使用 JavaScript 获取屏幕的宽度. 一种方法是使用 window.innerWidth 属性: const width= window.innerWidth; 这个属性返回的是浏览器窗口 ...
- php获取div高度,JS获取一个未知DIV高度的方法
本文实例讲述了JS获取一个未知DIV高度的方法.分享给大家供大家参考,具体如下: 通过元素的clientHeight属性能够得到元素的高度,如:var height = element.clientH ...
- android 获取navigationbar 高度,Android判断NavigationBar是否显示的方法(获取屏幕真实的高度)...
有些时候,我们需要知道当前手机上是否显示了NavigationBar,也就是屏幕底部的虚拟按键. 比如截屏的时候,要获取屏幕的高度,必须包括NavigationBar的高度. 试过网上的多种方法,但是 ...
最新文章
- random函数用法_Python函数式编程:从入门到走火入魔
- javascript中的模块系统
- 06-对图像进行腐蚀操作
- Spring Cloud Stream与RabbitMQ 消费者 消息分组
- caffe 中solver.prototxt
- 【前端】日期正则表达式(转发)
- node 使用 cnpm
- opengl纹理过滤
- 夜间环境人脸识别_古蔺县小区人脸识别门禁系统方案_点击了解
- flowable-6.7(一)从工作流与BPMN到flowable
- Spring 注解@Value详解
- 王者android与ios互通,王者荣耀ios和安卓数据互通吗?数据互通时代即将来临
- 常用网络结构:Alex,VGG,Resnet对比
- 74LS85 比较器 【数字电路】
- Arduino UNO驱动MCP9808高精度数字温度传感器
- security基于数据库的认证
- FFMPEG录制视频
- poj2421修建道路
- 查看redis当中缓存的内容的命令
- UV镜的作用、种类和肯高UV镜的真假辨别
热门文章
- 思科交换机配置远程登录命令
- MT【293】拐点处切线
- wap尝试调取app(网易新闻为例)
- 软考网络工程师-华为设备命令学习笔记
- 谷歌地球替代软件、谷歌街景、谷歌三维城市模型查看全方案
- 一个php网站加入背景音乐,html页面中如何添加背景音乐
- alexa+android+版本,amazon alexa app下载-Amazon Alexa 安卓版v1.0.205-PC6安卓网
- penetration testing report
- JS-- jQuery遮罩插件 jquery.blockUI.js
- android studio httpclient包导入,HttpClient不会导入Android Studio