JavaScript

[JavaScript] 画面のサイズを変更する(resizeTo、resizeBy)

投稿日:2017年12月11日 更新日:

画面のサイズを変更するにはresizeToまたはresizeByを使用します。
resizeToとresizeByの違いは以下の通りです。

.resizeToサイズを絶対値で指定する。
(例)resizeTo(100, 200) ⇒ 幅=100, 高さ=200にする
.resizeByサイズを相対値で指定する。
(例)resizeBy(100, 200) ⇒ 現幅+100, 現高さ+200にする

サンプル

例)画面のサイズを幅=200, 高さ=100にする

window.open時に指定すれば実現可能ですが、敢えてresizeToで設定しています。

実行サンプル

ボタンを押すと、window.openした画面のサイズを600x400の大きさにします。

解説

  • resizeTo/resizeByは、window.openで開いた画面に対してのみ有効です。

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

[JavaScript] ページを離れた時に処理を行う(onUnload)

ページを離れた時に処理を行うには、onUnloadイベントハンドラを使用します。 サンプルソース 例)ページを離れた時に ...

[JavaScript] 特殊な数値(NaNとInfinity)

JavaScriptの数値型には、1、2、3といった通常の数値以外に、 NaNとInfinityの2つの特殊な数値があり ...

[JavaScript] 平方根を求める(Math.sqrt)

平方根を求めるには、Math.sqrt()を使用します。 構文 (aの平方根を求めてxに代入する) var x = Ma ...

[JavaScript] 現在日付をYYYY/MM/DD形式の文字列で取得する

現在日付をYYYY/MM/DD形式の文字列で取得するサンプルFunctionです。 サンプル 例)現在日付をYYYY/M ...

[JavaScript] canvasに円を描画する(.arc)

canvasに円を描画するには、.beginPath()と.arc()を使用します。 サンプルソース 例)canvasに ...

スポンサーリンク