一般的に使用されています:
JSブラウザウィンドウサイズを取得します
次のようにコードコードをコピーします。
//ウィンドウの幅を取得します
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)&&(documen.body.clientheight))
winheight = document.body.clitingheight;
//ドキュメント内部検出の内部を通じて、ウィンドウのサイズが取得されます
if(document.documentelement && document.documentlement.clintheightheightheightheigh && documentlementWidth)
{{
winheight = document.documentedlement.clientheight;
winwidth = document.documentelement.clientWidth;
}
詳細:
さまざまなブラウザを取得するためのウィンドウのサイズを確認できます。
<スクリプト>
関数getInfo()
{{
var s = "";
s = "Webページは、領域を広く見えることができます:" document.body.clientwidth;
s = "Webページ可視領域High:" document.body.clientheight;
s = "Webページ可視領域幅:" document.body.offsetwidth "(エッジとローリングバーの幅を含む)";
s = "Webページ可視領域の高さ:" document.body.offseTheight "(エッジの幅を含む)";
s = "webページテキスト全文幅:" document.body.scrollwidth;
s = "Webページテキスト全文高:" document.body.scrollheight;
s = "ff)それはWebページで展開されます:" document.body.scrolltop;
s = "ie)of" webページが展開されます(つまり): "document.documentlement.scroltop;
s = "webページは左側に巻き上げられます:" document.body.scrollleft;
s = "webページテキストパーツ:" window.screentop;
s = "webページテキストパーツの左:" window.screenleft;
s = "画面解像度:" window.screen.height;
s = "画面解像度幅:" window.screen.width;
S = "画面利用可能な作業エリアの高さ:" window.screen.availheight;
s = "画面利用可能な作業領域幅:" window.screen.availwidth;
s = "画面設定は「window.screen.colordepth」です。
s = "your screen settings" window.screen.devicexdpi "pixel/inch";
// alert(s);
}
getInfo();
</script>
私のローカルテストで:
IE、Firefox、Operaで使用できます
document.body.clientWidth
document.body.clitingheight
それは非常にシンプルで便利に入手できます。
そして会社のプロジェクトで:
オペラはまだ使用しています
document.body.clientWidth
document.body.clitingheight
しかし、IEとFirefoxが使用されます
document.documentelement.clientWidth
document.documentelement.clientheight
W3Cの標準であることが判明しました。
<
この行をページに追加すると、IEにあります。
document.body.clientwidth ==>ボディオブジェクト幅
document.body.clitingheight ==>ボディオブジェクトの高さ
document.documentelement.clientwidth ==>可視領域幅
document.documentelement.clientheight ==>可視領域の高さ
Firefox:
document.body.clientwidth ==>ボディオブジェクト幅
document.body.clitingheight ==>ボディオブジェクトの高さ
document.documentelement.clientwidth ==>可視領域幅
document.documentelement.clientheight ==>可視領域の高さ
オペラで:
document.body.clientwidth ==>可視領域の幅
document.body.clitingheight ==>目に見える領域の高さ
document.documentlement.clientwidth ==>ページオブジェクト幅(つまり、ボディオブジェクトの幅とマージン幅)
document.documentelement.clientheight == >>ページオブジェクトの高さ(つまり、ボディオブジェクトの高さとマージンの高さ)
そして、W3Cの標準的な定義がない場合、
すなわち:
document.documentelement.clientwidth ==> 0
document.documentelement.clientheight ==> 0
Firefoxは次のとおりです。
document.documentelement.clientwidth ==>ページオブジェクト幅(つまり、ボディオブジェクトの幅とマージン幅の幅)document.documenetelement.clientheight ==>ページフェイスオブジェクトの高さ(つまり、ボディオブジェクトの高さとマージンの高さの高さ)
オペラは次のとおりです。
document.documentelement.clientwidth ==>ページオブジェクト幅(つまり、ボディオブジェクトの幅とマージン幅の幅)document.documenetelement.clientheight ==>ページフェイスオブジェクトの高さ(つまり、ボディオブジェクトの高さとマージンの高さの高さ)