获取不同浏览器下视口的尺寸

概述

最近在学习JavaScript高级程序设计（第三版）时，学习了获取不同浏览器中视口的大小，为了方便以后查阅，将相关的代码进行记录

代码实现

function getViewportSize() {
  var pageWidth = window.innerWidth,
    pageHeight = window.innerHeight;
  // 判断浏览器是否支持innerWidth
  if (typeof pageWidth !== 'number') {
    // 文档渲染模式是标准模式
    if (document.compatMode == 'CSS1Compat') {
      pageWidth = document.documentElement.clientWidth;
      pageHeight = document.documentElement.clientHeight;
    } else {
      // 文档渲染模式是混杂模式或怪异模式
      pageWidth = document.body.clientWidth;
      pageHeight = document.body.clientHeight;
    }
  }
  return {
    pageWidth,
    pageHeight
  }
}

参考资料

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容