欢迎访问 如意编程网!

如意编程网

当前位置: 首页 > 前端技术 > HTML >内容正文

HTML

浏览器窗口尺寸clientHeight / scrollHeight / offsetHeight / innerHeight

发布时间:2024/7/5 HTML 9 豆豆
如意编程网 收集整理的这篇文章主要介绍了 浏览器窗口尺寸clientHeight / scrollHeight / offsetHeight / innerHeight 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

  https://www.cnblogs.com/nanshanlaoyao/p/5964730.html

  • 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    宽度

转载于:https://www.cnblogs.com/bigsister/p/10825995.html

总结

以上是如意编程网为你收集整理的浏览器窗口尺寸clientHeight / scrollHeight / offsetHeight / innerHeight的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得如意编程网网站内容还不错,欢迎将如意编程网推荐给好友。