window.resizeTo( x, y )は、ウィンドウの大きさを変更するメソッド。
構文
<script type="text/javascript">
window.resizeTo( x, y );
</script>
window.resizeTo( x, y );
</script>
引数
- x
- ウィンドウの幅を、ピクセル単位で指定する。
- y
- ウィンドウの高さを、ピクセル単位で指定する。
サンプル
サンプルの動作について
- 「新たにウィンドウを開く」ボタンをクリックすると、新たなウィンドウを開く。
- 「開いたウィンドウのサイズを変更」ボタンをクリックすると、新たに開いたウィンドウのサイズを変更する。
サンプルのソースコード
JavaScript
<script type="text/javascript">
function sampleOpenWindow() {
sampleWindow = window.open( '', 'sample', 'width=200,height=500,left=100' );
sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
}
function sampleResizeTo() {
sampleWindow.resizeTo( 500, 200 );
sampleWindow.focus();
}
</script>
function sampleOpenWindow() {
sampleWindow = window.open( '', 'sample', 'width=200,height=500,left=100' );
sampleWindow.document.write( "<p>サンプルウィンドウ</p>" );
}
function sampleResizeTo() {
sampleWindow.resizeTo( 500, 200 );
sampleWindow.focus();
}
</script>
HTML
<div class="sample">
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
<button onclick="sampleResizeTo()">開いたウィンドウのサイズを変更</button>
</div>
<button onclick="sampleOpenWindow()">新たにウィンドウを開く</button>
<button onclick="sampleResizeTo()">開いたウィンドウのサイズを変更</button>
</div>
CSS
<style type="text/css">
.sample button {
font-size: 16px;
}
</style>
.sample button {
font-size: 16px;
}
</style>