JavaScript

[JavaScript] サブウィンドウを開く(window.open)

投稿日:2016年10月2日 更新日:

JavaScriptでサブウィンドウを開くには、window.open()メソッドを使用します。

サンプルソース

例)幅1000px、高さ600px、リサイズ不可としてサブウィンドウを開く

実行サンプル

ボタンを押すと、Googleサイトを別ウィンドウで開きます。

解説

※ window.openの引数には以下の値を指定します。

第1引数:サブウィンドウに表示するページのURL(必須)
第2引数:サブウィンドウの名称(省略可)
第3引数:オプションパラメータ(省略可)
  • 第1引数のURLは「http://」で始まる絶対パスでも、「./hoge.html」みたいな相対パスでもどちらでも指定できます。
  • 第2引数のサブウィンドウ名称は、aタグのtarget属性と同様に指定できますので、不必要に同じウィンドウを開くことを防ぐことができます。
    (省略時は、"_blank"(常に新規無名ウィンドウを開く)と同じ動きをします。)
  • 第3引数のオプションパラメータはウィンドウのサイズや表示の仕方などをカンマ区切りで指定できます。指定できるオプションパラメータは下記表をご覧ください。
【オプションパラメータ】
プロパティ意味設定値
width数値
height高さ数値
top上位置数値
left左位置数値
resizableリサイズの可/不可yes/no
scrollbarsスクロールバーの表示/非表示yes/no
toolbarツールバーの表示/非表示yes/no
menubarメニューバーの表示/非表示yes/no
locationアドレスバーの表示/非表示yes/no
statusステータスバーの表示/非表示yes/no

※ yes/no で指定する項目は、1(=yes)または0(=no)でも指定可能です。

その他メモ

  • タブブラウザの場合、widthまたはheightを指定しないと新規タブに表示されます。 新規タブではなく、別ウィンドウで表示したい場合はwidth、heightを指定してください。
  • サブウィンドウが閉じられているかどうかを判断したい場合は、window.openした時の戻り値(上の例だとwin)に対してclosedを聞いてやれば判断できます。
    (例:if(win.closed){~)

スポンサーリンク

スポンサーリンク

-JavaScript
-

執筆者:


comment

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

関連記事

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

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

[JavaScript] 文字列がYYYYMMDD形式の日付文字列であるかどうかチェックする

文字列がYYYYMMDD形式の日付文字列であるかどうかチェックするサンプルFunctionです。 サンプルソース 例)値 ...

[jQuery] 画像アップロード時にプレビュー表示する(canvas版)

画像アップロード時にプレビュー表示するサンプルです。 ※canvas領域にプレビューします。 サンプルソース 例)画像を ...

[JavaScript] ブラウザの新規タブにopen.windowする

ブラウザの新規タブにopen.windowするには、 オプションを指定せずにopen.windowすればOKです。 サン ...

[JavaScript] 履歴を残さずページ遷移する(location.replace)

戻るボタンで戻れないようにして画面遷移するには、location.replaceを使用します。 サンプルソース 例)ボタ ...

スポンサーリンク