工程基本定义

  • screen.height:用户屏幕高度
  • screen.availHeight:用户屏幕可用高度,减去了窗口工具值类的界面特征
  • window.innerHeight:浏览器窗口的视口高度,包括水平滚动条
  • window.outerHeight:浏览器窗口外部高度
  • document.body.offsetHeight:文档中 body 部分的高度
  • document.documentElement.clientHeight:文档可显示区域的高度
  • document.documentElement.offsetHeight:文档本身的高度 (html 部分)

用户屏幕尺寸

屏幕整体有效像素

screen.height

screen.availHeight

浏览器整体尺寸

包含浏览器界面特征(地址栏、工具栏、滚动条等)

window.outerHeight

浏览器窗口尺寸

即 HTML 标签内部

window.innerHeight

document.documentElement.clientHeight

文档内容尺寸

即 BODY 标签内部

document.body.offsetHeight

document.documentElement.offsetHeight

备注说明

以上以高度示例,其属性可以是高度或宽度

height or width

分类: 前端开发

0 条评论

发表回复

Avatar placeholder

您的电子邮箱地址不会被公开。