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