JSはブラウザとウェブページの高さを取得します.

ページの可視領域は広いです.Dcument.body.clientWidthページの可視領域は高いです.document.body.client Heightページの可視領域は広いです.document.body.offset Widthページの可視領域は高いです.document.body.scrollwidthホームページの全文は高いです.document.body.scrollHeightページは巻かれています.高いです.document.body.scrollTopページは左に巻かれています.解像度の幅:window.screen.widthスクリーン利用可能ワークエリアの高さ:window.screen.availHeight画面利用可能ワークエリアの幅:window.screen.avail Width

 
function getInfo() 
{ 
var s = <span class="hljs-string">""</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.clientWidth</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.clientHeight</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.offsetWidth</span> + <span class="hljs-string">" (          )"</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.offsetHeight</span> + <span class="hljs-string">" (      )"</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.scrollWidth</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.scrollHeight</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        (ff)："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.scrollTop</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        (ie)："</span>+ document<span class="hljs-preprocessor">.documentElement</span><span class="hljs-preprocessor">.scrollTop</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ document<span class="hljs-preprocessor">.body</span><span class="hljs-preprocessor">.scrollLeft</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ window<span class="hljs-preprocessor">.screenTop</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ window<span class="hljs-preprocessor">.screenLeft</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ window<span class="hljs-preprocessor">.screen</span><span class="hljs-preprocessor">.height</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        ："</span>+ window<span class="hljs-preprocessor">.screen</span><span class="hljs-preprocessor">.width</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"          ："</span>+ window<span class="hljs-preprocessor">.screen</span><span class="hljs-preprocessor">.availHeight</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"          ："</span>+ window<span class="hljs-preprocessor">.screen</span><span class="hljs-preprocessor">.availWidth</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"         "</span>+ window<span class="hljs-preprocessor">.screen</span><span class="hljs-preprocessor">.colorDepth</span> +<span class="hljs-string">"    "</span><span class="hljs-comment">; </span>
s += <span class="hljs-string">"        "</span>+ window<span class="hljs-preprocessor">.screen</span><span class="hljs-preprocessor">.deviceXDPI</span> +<span class="hljs-string">"   /  "</span><span class="hljs-comment">; </span>
//alert (s)<span class="hljs-comment">; </span>
} 
getInfo()<span class="hljs-comment">; </span>
 

ローカルテストでは、IE、FireFox、Operaの下で、document.body.client Width document.body.client Heightを使用することができます.簡単で便利です.プロジェクトの中で:Operaは依然としてdocument.body.client Width document.body.client Heightを使用していますが、IEとFireFoxはdocument.document Element.client Width document.document.document Element.clint Height W 3 Cの標準を使用しています.
この行のマークをページに追加すると、IE中:document.body.client Width=>BODYオブジェクト幅document.body.client Height=>BODYオブジェクト高さdocument.document.client Width=>表示領域幅document.document.document Element.ccentnt.body.client Height=>BODYオブジェクト高さdocument.documentElement.client Width=>可視領域幅document.documentElement.clientHeight=>可視領域高さ?Operaでは、Dcument.body.clint Width=>可視領域幅document.body.clientHeight=>可視領域高さdocument.document.document.client Width=>ページオブジェクト幅(つまり、BODYオブジェクト幅にMargin幅を加える)document.document Element.HedthオブジェクトW 3 Cの基準が定義されていない場合、IEは、DcumentElement.document.client Width=>0 document.document.client Height=>0 htFireFoxである.(すなわち、BODYオブジェクトの高さにMarginの高さを加える)Operaは、document.documentElement.client Width=>ページオブジェクトの幅(すなわち、BODYオブジェクトの幅にMarginの幅を加える)document.document.document.client Height=>ページオブジェクトの高さ(つまり、BODYオブジェクトの高さにMarginの高さを加える)である.