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] 特殊な数値(NaNとInfinity)

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

[JavaScript] HTML内のタグをを動的に変更する(innerHTML)

HTML内の文字を動的に変更するには、innerHTMLを使用します。 サンプル 例)id="area1"の要素にHTM ...

[JavaScript] 文字列の文字数を取得する(.length)

文字列の文字数(長さ)を取得するサンプルFunctionです。 サンプルソース 文字列の文字数を取得するには、lengt ...

[JavaScript] ブラウザの「お気に入りの追加」ボタンを実装する

ブラウザの「お気に入りの追加」ボタンを実装するには、 window.external.AddFavoriteを使用します ...

[JavaScript] 画像オブジェクトを取得する

画像オブジェクトを取得する方法です。 サンプルソース 例)画像(id="neko")オブジェクトを取得する [crayo ...

スポンサーリンク