English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

経験記録

オンラインツール

JavaScript 全局属性

関数

JavaScript Window オブジェクト

open()JS DOMリファレンスマニュアル

Window open() メソッドfeaturesopen()メソッドの引数を使用して新しいブラウザウィンドウを開き、指定されたファイルをロードします。

引数を使用して外観と動作を変更します。close()ウィンドウを閉じるメソッド。

構文：

window.open(url,　name,　features,　replace)
window.open("https://ja.oldtoolbag.com");
テストを見て‹/›

ブラウザの互換性

すべてのブラウザが完全にopen()メソッドをサポートしています：

メソッド
open()はいはいはいはいはい

パラメータの値

パラメータ説明
url（選択可）開く必要があるウェブページのURL。URLが設定されていない場合、window.open()メソッドは空白ウィンドウを開きます
name（選択可）ウィンドウの名前またはターゲット属性を指定します。
可能な値：

  • -URLが新しいウィンドウにロードされます（デフォルト）

  • -URLが親フレームにロードされます

  • -URLが現在のページにロードされます

  • -URLがすべてのフレームセットをロードする可能性があります

  • name -ウィンドウ名

features（選択可）カンマで区切られたプロジェクトリスト、スペースは含まない。
可能な値：
channelmode =は|でない| 1 | 0 是否以剧院模式显示窗口。默认为否。仅IE
directories=yes|no|1|0 　過時の 是否添加目录按钮。默认为是。仅IE
fullscreen=yes|no|1|0 　是否以全屏模式显示浏览器。默认为否。全屏模式下的窗口也必须处于剧院模式。仅IE
height=pixels 　窗口的高度。最小值为100
left=pixels 　窗口的左侧位置。不允许负值
location=yes|no|1|0 　是否显示地址字段。仅限Opera
menubar=yes|no|1|0 　メニューバーを表示するかどうか
resizable=yes|no|1|0 　ウィンドウが調整可能かどうか。IEに限定されます
scrollbars=yes|no|1|0 　スクロールバーを表示するかどうか。IE、Firefox、Operaに限定されます
status=yes|no|1|0 　ステータスバーを追加するかどうか
titlebar=yes|no|1|0 　タイトルバーを表示するかどうか。HTMLアプリケーションまたは信頼できるダイアログが呼び出されていない場合、無視されます
toolbar=yes|no|1|0 　ブラウザのツールバーを表示するかどうか。IEとFirefoxに限定されます
top=pixels 　ウィンドウの顶部位置。負値は許可されません
width=pixels 　ウィンドウの幅。最小値は100
replace（オプション）URLを新しいエントリとして作成するか、履歴リストの現在のエントリを置き換えるかを指定します。
可能な値：

  • true-URLが履歴リストの現在のドキュメントを置き換えます

  • false-URLが履歴リストに新しいエントリとして作成されます

技術的詳細

返り値：新しいウィンドウを作成したWindowオブジェクトを表します。ウィンドウを開くことができなかった場合、返り値はnullです。

更多示例

新しいウィンドウで空白ページを開きます：

window.open("",　"",　"width=400,　height=300");
テストを見て‹/›

新しいウィンドウを開き、name属性を使用して新しいウィンドウの名前を返します：

var　win　=　window.open("",　"popupWindow",　"width=400,　height=300");
win.document.write("<p>This　window's　name　is:　"　+　win.name　+　"</p>");
テストを見て‹/›

指定された高さと幅の新しいウィンドウで「 parrot-tutorial.com”：

window.open("https://ja.oldtoolbag.com",　"",　"width=400,　height=300");
テストを見て‹/›

指定された位置の新しいウィンドウで「 parrot-tutorial.com”：

window.open("https://ja.oldtoolbag.com",　"",　"left=500,　top=200");
テストを見て‹/›

新しいウィンドウを開き、その外観を指定します：

window.open("https://ja.oldtoolbag.com",　"_blank",　
"toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");
テストを見て‹/›

新しいウィンドウを開き、close()メソッドを使用してウィンドウを閉じます：

var　popupWindow;
//新しいウィンドウを開く関数
function　windowOpen()　{
　　popupWindow　=　window.open("https://ja.oldtoolbag.com",　"_blank");
}
//　開いたウィンドウを閉じる関数
function　windowClose()　{
　　if　(popupWindow)　{
　popupWindow.close();
　　}
}
テストを見て‹/›

opener属性を使用して新しいウィンドウを開いたウィンドウへの参照を返す：

//　新しいウィンドウを開く
var　win　=　window.open("",　"popupWindow",　"width=300,　height=200");
//新しいウィンドウにテキストを書き込む
win.document.write("<p>このウィンドウの名前は:　"　+　win.name　+　"</p>");
//　新しいウィンドウのウィンドウにテキストを書き込む
win.opener.document.write("<h1>これはソースウィンドウ！</h1>");
テストを見て‹/›

関連リファレンス

ウィンドウ(Window)リファレンス：close()メソッド

ウィンドウ(Window)リファレンス：closed属性

ウィンドウ(Window)リファレンス：opener属性

JavaScript Window オブジェクト

JS Storage オブジェクトJavaScript Window オブジェクト