javascript获取浏览器窗口尺寸代码片段

快乐打工仔 分类:实例代码

本章节分享一段代码片段,它实现了获取浏览器窗口尺寸的效果。

代码实例如下:

function getWindowSize() {
  //获取窗口宽度
  //兼容火狐,谷歌,safari等浏览器
  if (window.innerWidth) {    
    winWidth = window.innerWidth;
  }
  //兼容IE浏览器
  else if ((document.body) && (document.body.clientWidth)) {    
    winWidth = document.body.clientWidth;
  }
 
  //获取窗口高度
  if (window.innerHeight) {
    winHeight = window.innerHeight;
  }
  else if ((document.body) && (document.body.clientHeight)) {
    winHeight = document.body.clientHeight;
  }
}

实际应用中,调用上面的方法即可。

javascript获取浏览器窗口尺寸代码片段,这样的场景在实际项目中还是用的比较多的,关于javascript获取浏览器窗口尺寸代码片段就介绍到这了。

javascript获取浏览器窗口尺寸代码片段属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容