純粋なJavascriptは各種スクリーンの幅と高さを取得します.


基本幅の高さを読みだします.
       : document.body.clientWidth
       : document.body.clientHeight
       : document.body.offsetWidth (      )
       : document.body.offsetHeight (      )
       : document.body.scrollWidth
       : document.body.scrollHeight
       : document.body.scrollTop
       : document.body.scrollLeft
       : window.screenTop
       : window.screenLeft
       : window.screen.height
       : window.screen.width
         : window.screen.availHeight
         : window.screen.availWidth
上記の値はブラウザウィンドウの実際のサイズ、特に高さを完全に読み取れません.
function findDimensions() { //  :    
  var winWidth = 0, winHeight = 0;
  //       
  if (window.innerWidth)
    winWidth = window.innerWidth;
  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;

  //     Document   body    ,      
  if (document.documentElement && document.documentElement.clientHeight && document.documentElement.clientWidth) {
    winHeight = document.documentElement.clientHeight;
    winWidth = document.documentElement.clientWidth;
  }
  //         
  document.getElementById("info").innerHTML = winWidth + " " + winHeight;
}
ソースを参照:
  • http://www.cnblogs.com/xiaopin/archive/2012/03/26/2418152.html
  • http://www.nowamagic.net/javascript/js_GetBrowserSize.php