JSは、ブラウザのウィンドウのサイズを取得します

抜粋します。https：//blog.csdn.net/qq_27628085/article/details/81947478

 

共通：

JSは、ブラウザのウィンドウのサイズを取得します。

//ウィンドウの幅を取得します。
（もしwindow.innerWidth）
winWidth = window.innerWidth。
それ以外の場合（（document.body）&&（document.body.clientWidth））
winWidth = document.body.clientWidth。
//ウィンドウの高さを取得します。
（もしwindow.innerHeight）
winHeight = window.innerHeight。
それ以外の場合（（document.body）&&（document.body.clientHeight））
winHeight = document.body.clientHeight。
//ウィンドウサイズを取得するには、綿密な内部文書を通じて体を検出
（場合はdocument.firstChild && document.documentElement.clientHeight && document.documentElement.clientWidth）
{
winHeight = document.documentElement.clientHeight。
winWidth = document.documentElement.clientWidth。
}

詳細：

 

ブラウザのウィンドウサイズの様々な可視のアクセス： 

機能はgetinfo（ ）
{
VAR S = "";
= S 「ページ広い可視領域：」document.body.clientWidth。
= S 「高い可視領域のページ：」document.body.clientHeight。
= S 「ページ広い可視領域：」document.body.offsetWidth 「（ワイド端とスクロールバーを含みます）」;
= S 「高い可視領域のページ：」document.body.offsetHeight 「（エッジ幅を含みます）」。
= S 「全幅ウェブテキスト：」document.body.scrollWidth。
= S 「ページGAOの身体：」document.body.scrollHeight。
= S "ハイにロールウェブ（FF）：" document.body.scrollTop。
= S "ハイボリュームページである（IE）：" document.documentElement.scrollTop。
= S 「ウェブは左に巻かれている：」document.body.scrollLeft。
= S 「ページ本体部分に：」window.screenTop。
= S 「ページの左ボディの部分：」window.screenLeft。
= S 「高い画面解像度：」window.screen.height。
= S 「ワイドスクリーン解像度：」window.screen.width。
= S 「高ワークスペース画面が用意されています」window.screen.availHeight。
= S 「幅ワークスペース画面が用意されています」window.screen.availWidth。

= S 「あなたの画面の設定には」window.screen.colorDepth 「ビット色」。
= S 「あなたの画面設定の」window.screen.deviceXDPI 「ピクセル/インチ」。
//警告（秒）。
}
情報を取得（）;

 

IE、FireFoxの、オペラで使用することができ 
document.body.clientWidth 
document.body.clientHeight 
あなたは、非常に便利な、非常に単純な取得することができます。 
同社のプロジェクト： 
Operaはまだ使用しています 
document.body.clientWidth 
document.body.clientHeight 
が、IEとFirefoxの使用 
document.documentElement.clientWidth 
document.documentElement.clientHeightは、 
プレイああでW3Cの標準であることが判明し 
、<！DOCTYPE HTML PUBLIC「 - ！ // W3C // DTD XHTML 1.0過渡//  EN「」http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd「>
あなたはこのラインマークにIEでページ上の単語を追加する場合： 
document.body.clientWidth ==>オブジェクトのボディの幅 
document.body.clientHeight ==>オブジェクトの身長 
document.documentElement.clientWidth ==>可視領域幅 
document.documentElement.clientHeight ==>高度に可視領域 
Firefoxの： 
document.body.clientWidth ==>オブジェクトのボディの幅 
document.body.clientHeight ==>オブジェクトの身長 
document.documentElement.clientWidth ==>可視領域幅 
document.documentElement.clientHeight ==>視認性の高い領域 
？ 
オペラ： 
ドキュメント.body.clientWidth ==>可視領域幅 
document.body.clientHeight ==>高度に可視領域 
document.documentElement.clientWidth ==>ページオブジェクトの幅（すなわち、幅オブジェクトプラスBODYマージン幅の） 
document.documentElement.clientHeight ==>ページオブジェクトの高さ（すなわち、高BODY余裕をもって結合オブジェクトの高さ） 
W3C標準は、定義されていない場合 
、IE： 
document.documentElement.clientWidth ==> 0 
document.documentElement.clientHeight ==> 0 
Firefoxなど。 
document.documentElement.clientWidth ==>ページオブジェクトの幅（すなわち、幅オブジェクトプラスBODYマージン幅の）document.documentElement.clientHeight ==>ページオブジェクトの高さ（すなわち、高BODYマージンで結合オブジェクトの高さ） 
Operaがある： 
document.documentElement.clientWidth ==>ページオブジェクトの幅（すなわち、幅オブジェクトプラスBODYマージン幅の）document.documentElement.clientHeight ==>ページオブジェクトの高さ（すなわち、高マージン体と結合オブジェクトの高さ）