window.innerHeightは、ウィンドウの内側の高さを取得するプロパティ。
構文
<script type="text/javascript">
window.innerHeight;
</script>
window.innerHeight;
</script>
戻り値
ウィンドウの内側の高さを示す数値。ピクセル単位。
サンプル
window.innerHeight:
サンプルの動作について
「ウィンドウの内側の高さを取得」ボタンをクリックすると、「window.innerHeight: 」の右横にウィンドウの内側の高さをピクセル単位の数値で表示する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function getInnerHeight() {
document . getElementById( "innerHeightOutput" ) . innerHTML = window.innerHeight + 'px';
}
</script>
function getInnerHeight() {
document . getElementById( "innerHeightOutput" ) . innerHTML = window.innerHeight + 'px';
}
</script>
HTML
<div class="sample">
<button onclick="getInnerHeight()">ウィンドウの内側の高さを取得</button>
<br /><br />
window.innerHeight: <span id="innerHeightOutput"></span>
</div>
<button onclick="getInnerHeight()">ウィンドウの内側の高さを取得</button>
<br /><br />
window.innerHeight: <span id="innerHeightOutput"></span>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>