最新のWeb開発のチュートリアル
 

ウィンドウはinnerWidthおよびinnerHeightは、プロパティ

<ウィンドウオブジェクト

ウィンドウの高さと幅を取得します(NOT including toolbars/scrollbars)

var w = window.innerWidth;
var h = window.innerHeight;
»それを自分で試してみてください

もっと"Try it Yourself"以下の例。


定義と使用法

innerWidthプロパティは、ウィンドウのコンテンツ領域の内側の幅を返します。

innerHeightはプロパティは、ウィンドウのコンテンツ領域の内側の高さを返します。

これらのプロパティは読み取り専用です。

ヒント:使用outerWidthプロパティおよびouterHeightツールバー/スクロールバーと幅/高さを取得するためのプロパティを。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

プロパティ
innerWidth 1.0 9.0 1.0 3.0 9.0
innerHeight 1.0 9.0 1.0 3.0 9.0

Note: IE8およびそれ以前の場合は、使用することができますclientWidthclientHeightプロパティを(See "More Examples" below)


構文

window.innerWidth
window.innerHeight

技術的な詳細

戻り値: ピクセル内幅及び/またはブラウザウィンドウのコンテンツ領域の内側の高さを表す数値、

例

その他の例

(IE8以前のためclientWidthとclientHeightを使用して)クロスブラウザ溶液:

var w = window.innerWidth
|| document.documentElement.clientWidth
|| document.body.clientWidth;

var h = window.innerHeight
|| document.documentElement.clientHeight
|| document.body.clientHeight;
»それを自分で試してみてください

一例ではinnerWidth、innerHeightは、outerWidthプロパティおよびouterHeightのデモンストレーション:

var txt = "";
txt += "<p>innerWidth: " + window.innerWidth + "</p>";
txt += "<p>innerHeight: " + window.innerHeight + "</p>";
txt += "<p>outerWidth: " + window.outerWidth + "</p>";
txt += "<p>outerHeight: " + window.outerHeight + "</p>";
»それを自分で試してみてください

<ウィンドウオブジェクト