JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

JS Storage オブジェクト JavaScript Window オブジェクト

Window innerHeight 属性

innerHeightリードオンリー属性で、スクロールバーを含むウィンドウのコンテンツエリア（ビューポート）の高さを返します。

使用outerHeight属性は、整个ブラウザウィンドウの高さを取得します。

文法：

window.innerHeight

例

var h = window.innerHeight;
var w = window.innerWidth;

テストを見て‹/›

ブラウザの互換性

表に示された数字は、innerHeight属性を完全にサポートする最初のブラウザバージョンを指定しています：

属性
innerHeight	1	1	9	3	9

技術的詳細

返り値：	ピクセル単位でブラウザのコンテンツエリアの内部高さを示す数値です。

さらに多くの例

onresizeイベントを使用して高さと幅を表示する：

例

<body onresize="myFunc()">
<script>
function myFunc() {
　　　var w = window.innerWidth;
　　　var h = window.innerHeight;
　　　document.getElementById("para").innerHTML = "Width:　"　+　w　+　"<br>Height:　"　+　h;
}
</script>

テストを見て‹/›

クロスブラウザソリューション（IEに対して）8およびより古いバージョンでclientWidthとclientHeightを使用していました：

例

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

テストを見て‹/›

この例では、innerWidth、innerHeight、outerWidth、externalHeightを一つの例で表示しています：

例

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>";
document.write(txt);

テストを見て‹/›

JavaScript オブジェクト

JavaScript リファレンスマニュアル

JS DOMリファレンスマニュアル

Window innerHeight 属性

文法：

ブラウザの互換性

技術的詳細

さらに多くの例

関連参考