javascript獲取瀏覽器視窗尺寸程式碼片段

admin發表於2017-04-12

本章節分享一段程式碼片段,它實現了獲取瀏覽器視窗尺寸的效果。

程式碼例項如下:

[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;
  }
}

實際應用中,呼叫上面的方法即可。

相關文章