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

ウィンドウouterWidthプロパティおよびouterHeightプロパティ

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

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

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

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


定義と使用法

outerWidthのプロパティは、すべてのインターフェース要素を含むウィンドウの外幅、返し(like toolbars/scrollbars)

outerHeightプロパティは、すべてのインターフェース要素を含むウィンドウの外側の高さ、返し(like toolbars/scrollbars)

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

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


ブラウザのサポート

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

プロパティ
outerWidth 1.0 9.0 1.0 3.0 9.0
outerHeight 1.0 9.0 1.0 3.0 9.0

構文

window.outerWidth
window.outerHeight

技術的な詳細

戻り値: 画素内の全てのインターフェース要素を含む外側の幅及び/又はブラウザのウィンドウの外側の高さを表す数値、、、

例

その他の例

一例では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>";
»それを自分で試してみてください

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