js获取屏幕、浏览器、页面的宽度和高度

介绍

容器的尺寸是指当前分辨率下的高度和宽度（分辨率不同，值就不相同）

屏幕信息

screen.height：屏幕高度
screen.availHeight：屏幕可用宽度
screen.height - acreen.availHeight：任务栏高度

浏览器信息

window.screenY：浏览器窗口相对于屏幕的垂直距离
window.scrollY：页面垂直滚动距离
window.outerHeight：浏览器窗口的高度
window.innerHeight：浏览器窗口可见部分的高度
window.outerHeight - window.innerHeight：工具栏高度

body信息

document.body.clientHeight：body展示高度（在浏览器可显示区域高度）document.body.offsetHeight：body总高度
document.body.offsetHeight - document.body.clientHeight：滚动条高度

div信息

div.clientHeight：元素高度+内边距
div.offsetHeight：元素高度+内边距+滚动条+边框
div.scrollHeight：元素内容高度（包括溢出不可见内容）
div.offsetLeft：元素左上角相对父级左上角的偏移量

自定义滚动触底事件：offsetHeight+scrollTop=scrollHeight

js获取屏幕、浏览器、页面的宽度和高度相关推荐

js获取当前浏览器页面高度及宽度信息的方法
function getInfo() { var s = ""; s += " 网页可见区域宽:" ...
获取屏幕可视区域的宽度和高度
window.outerWidth与window.outerHeight:获得的是加上工具条与滚动条窗口的宽度与高度. window.innerWidth与window.innerHeight:获得的 ...
JS获取屏幕浏览器网页高度和宽度属性
1 网页可见区域宽:document.body.clientWidth 2 网页可见区域高:document.body.clientHeight 3 网页可见区域宽:document.body.off ...
js 获取dom离页面编剧_页面对象之外：具有宁静性和编剧模式的下一代测试自动化
js 获取dom离页面编剧在当今快节奏的软件交付世界中,自动化的验收测试至关重要. 一组高质量的自动验收测试可帮助您减少浪费在手动测试和修复错误上的时间,从而更快地交付有价值的功能. 与行为驱动开发 ...
php如何让图片铺满屏幕,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
php自动适应屏幕大小,如何解决js获取屏幕大小并且让图片自适应的方法
在写h5页面的时候,经常会需要将图片自适应大小,一般都是用等比例的缩放,这就有个问题,当上传的图片不是一个规格时就会出现展示图片不完美. 为了解决这个问题,我们可以通过js去获取图片的大小,然后在根据 ...
js原生获取html的高度,如何通过js获取Html元素的实际宽度高度
如何通过js获取Html元素的实际宽度高度发布时间:2020-04-24 15:23:24 来源:亿速云阅读:136 作者:小新今天小编给大家分享的是如何通过js获取Html元素的实际宽度高度, ...
如何通过js关闭微信浏览器页面
最近在项目开发中,有一个支付页面当用户支付成功的时候需要通过js主动关闭这个页面.这个在其他浏览器比较好实现直接用window对象中的api就可以如何通过js关闭微信浏览器页面最近在项目开发中,有 ...
jQuery获取或设置元素的宽度和高度
jQuery获取或设置元素的宽度和高度: 可使用以下3种方法: 1,jQuery width() 和 height() 方法: 2,innerWidth() 和 innerHeight() 方法: 3 ...

js获取屏幕、浏览器、页面的宽度和高度

js获取屏幕、浏览器、页面的宽度和高度相关推荐

最新文章

热门文章