当前位置: 代码迷 >> 综合 >> clientHeight, scrollHeight, offsetHeight
  详细解决方案

clientHeight, scrollHeight, offsetHeight

热度:36   发布时间:2024-01-12 02:09:32.0

clientHeight

元素客户区的大小,指的是元素内容及其边框所占据的空间大小(经过实践取出来的大多是视口大小

scrollHeight

滚动大小,指的是包含滚动内容的元素大小(元素内容的总高度

offsetHeight

偏移量,包含元素在屏幕上所用的所有可见空间(包括所有的内边距滚动条和边框大小,不包括外边距)

获取浏览器的可视窗口宽高

对于Internet Explorer、Chrome、Firefox、Opera 以及 Safari

window.innerHeight 高度
window.innerWidth 宽度

对于 Internet Explorer 8、7、6、5

document.documentElement.clientHeight 高度
document.documentElement.clientWidth 宽度

或者

document.body.clientHeight 高度
document.body.clientWidth 宽度

  相关解决方案