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] 日時(Date型)の加減算を行う

Date型の加減算を行うサンプルです。 日時の加減算を行うサンプル Dateオブジェクトの日時の加算/減算を行うには、+ ...

[JavaScript] 複数の同名idを定義した場合の動き

1つのHTML中ではidは一意にする必要がありますが、誤って同名のidを複数定義してしまった場合にどのような動きとなるか ...

[JavaScript] イベント処理を中断する(.preventDefault)

イベント処理を中断するには、.preventDefault()を使用します。 サンプルソース 例)テキストボックスでbキ ...

[JavaScript] HTMLタグの属性値を取得する(getAttribute)

HTMLタグの属性値を取得するには、getAttributeを使用します。 HTMLタグの属性値を取得する 例)id=" ...

[JavaScript] 要素の全プロパティをコンソールに出力する(console.dir)

要素の全プロパティをコンソールに出力するには、console.dirを使用します。 サンプルソース 例)要素(id="t ...

スポンサーリンク