可視領域、異なる状況下でのサブトータル3つの方法のページの幅と高さを取得します。
エリアの表示：現在のブラウザウィンドウ可視部分を、スクロール可能なエリアが含まれていません。
方法の一つ：IE9 IE9ブラウザと上記
innerWidthを使用し、innerHeightは、ページの可視領域の幅と高さを取得することができます。
console.log(window.innerWidth);//可视区域的宽
console.log(window.innerHeight);//可视区域的高
方法2：標準モード（ハイまたはローすべてのブラウザ）
ページをレンダリングするときに、2つのモードがブラウザにあります「標準モード（CSS1Compatが）」、場合は、デフォルトでは、「プロミスキャスモード/ Quirksモード（BackCompat）」をレンダリングするために、標準モードです。
ページが書かれた文書に従わない場合、それは「無差別モード/ Quirksモードは、」レンダリングするだろうと述べています
document.documentElement.clientWidthを使用し、document.documentElement.clientHeightは、ページの可視領域の幅と高さを取得することができます。
console.log(document.documentElement.clientWidth);
console.log(document.documentElement.clientHeight);
方法3：無差別
console.log(document.body.clientWidth, document.body.clientHeight);