前端获取视窗的兼容方法

1. 总结(网上兼容写法)

var clientWidth = window.innerWidth || document.documentElement.clientWidth ||  document.body.clientWidth;

2. window.innerWidth/Height

获取浏览器可视区域宽/高度

  • 宽度:获取的是包含滚动条宽度的浏览器可视区域宽度
  • 高度:不包含工具栏高度,只是可视区域高度
  • IE 8 及更早 IE版本不支持这两个属性。

3. document.documentElement.clientWidth/Height

获取浏览器可视区域宽/高

  • 宽度:浏览器可视区域宽度(不包括滚动条区域宽度)
  • 浏览器可视区域高度(不包含工具栏高度)
  • 兼容ie8及更早ie版本

4. document.body.clientWidth/Height

获取body的宽/高(除去margin)

  • body文档实际宽度
  • body文档实际高度

本文根据https://www.cnblogs.com/helloNico/p/10064861.html再编辑

展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 技术黑板 设计师: CSDN官方博客
应支付0元
点击重新获取
扫码支付

支付成功即可阅读