ブラウザによる違いを吸収し、width, height値を含むオブジェクトを返します。ここで得られる値はスクロールバーの大きさも含まれたサイズとなります。
【サンプル】
(function() {
if (window.innerWidth)
return { width : window.innerWidth, height : window.innerHeight };
else if (document.documentElement)
return { width : document.documentElement.clientWidth, height : document.documentElement.clientHeight };
else
return { width : document.body.clientWidth, height : document.body.clientHeight };
})();
【サンプルの実行】 → クリックしてください
JavaScriptコードスニペットへ