もっと"Try it Yourself"以下の例。
定義と使用法
open()メソッドは、新しいブラウザウィンドウを開きます。
ヒント：使用close()ウィンドウを閉じるために方法を。
ブラウザのサポート
| 方法 | |||||
|---|---|---|---|---|---|
| open() | はい | はい | はい | はい | はい |
構文
window.open( パラメータ値 パラメーター 説明 URL 任意。 ページのURLを開くように指定します。 URLが指定されていない場合は、程度と新しいウィンドウ：ブランクが開かれました name 任意。 指定target属性またはウィンドウの名前を。 次の値がサポートされています。 - _blank - URLが新しいウィンドウにロードされます。 これがデフォルトです
- _parent - URLは、親フレームにロードされます
- _self - URLは、現在のページを置き換えます
- _top - URLをロードすることができる任意のフレームセットを置き換えます
- name -ウィンドウの名前（ 注： 名前は新しいウィンドウのタイトルを指定していません）
specs 任意。 項目のカンマ区切りリスト、ない空白。 次の値がサポートされています。
channelmode=yes|no|1|0 シアターモードでウィンドウを表示するかどうか。 デフォルトはnoです。 IEのみ directories=yes|no|1|0 廃止されました。 ディレクトリボタンを追加するかどうか。 デフォルトはyesです。 IEのみ fullscreen=yes|no|1|0 フルスクリーンモードでブラウザを表示するかどうか。 デフォルトはnoです。 フルスクリーンモードでのウィンドウには、シアターモードでなければなりません。 IEのみ height=pixels ウィンドウの高さ。 ミン。 値は100です left=pixels ウィンドウの左の位置。 負の値は許可されていません location=yes|no|1|0 アドレスフィールドを表示するかどうか。 オペラのみ menubar=yes|no|1|0 メニューバーを表示するかどうか resizable=yes|no|1|0 かどうかは、ウィンドウがサイズ変更可能です。 IEのみ scrollbars=yes|no|1|0 スクロールバーを表示するかどうか。 IE、Firefoxの＆唯一のオペラ status=yes|no|1|0 ステータスバーを追加するかどうか titlebar=yes|no|1|0 タイトルバーを表示するかどうか。 呼び出し側のアプリケーションがHTMLアプリケーションまたは信頼できるダイアログボックスでない限り無視されます toolbar=yes|no|1|0 ブラウザのツールバーを表示するかどうか。 IEとFirefoxのみ top=pixels ウィンドウの上部位置。 負の値は許可されていません width=pixels ウィンドウの幅。 ミン。 値は100です
置き換えます 任意。 URLは、新しいエントリを作成したり、履歴リストの現在のエントリを置き換えるかどうかを指定します。 次の値がサポートされています。 - 真 - URLは履歴リストに現在のドキュメントを置き換えます
- 偽 - URLは履歴リストに新しいエントリを作成します
技術的な詳細
戻り値： 呼び出しが失敗した場合、新しく作成されたウィンドウへの参照、またはnull
その他の例
例
新しいウィンドウで空白のページ：についてを開きます。
var myWindow = window.open("", "", "width=200,height=100"); »それを自分で試してみてください
例
呼ばれる新しいウィンドウで開く"MsgWindow" 、およびそれにいくつかのテキストを記述します。
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This is 'MsgWindow'. I am 200px wide and 100px
tall!</p>"); »それを自分で試してみてください
例
新しいウィンドウで現在のウィンドウを置き換えます。
var myWindow = window.open("", "_self");
myWindow.document.write("<p>I
replaced the current window.</p>"); »それを自分で試してみてください
例
新しいウィンドウを開き、その外観を制御します。
window.open("http://www.w3ii.com", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=500,left=500,width=400,height=400"); »それを自分で試してみてください
例
複数のウィンドウを開きます。
window.open("http://www.google.com/");
window.open("http://www.w3ii.com/"); »それを自分で試してみてください
例
新しいウィンドウを開きます。 使用close()新しいウィンドウを閉じるには：
function openWin() {
myWindow = window.open("", "myWindow", "width=200,height=100"); // Opens a new window
}
function closeWin() {
myWindow.close(); // Closes the new window
} »それを自分で試してみてください
例
新しいウィンドウを開きます。 新しいウィンドウの名前を返すために、nameプロパティを使用します。
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>This window's name is: " + myWindow.name +
"</p>"); »それを自分で試してみてください
例
openerプロパティを使用すると、新しいウィンドウを作成したウィンドウへの参照を返します：
var myWindow = window.open("", "myWindow", "width=200,height=100");
// Opens a new window
myWindow.document.write("<p>This is 'myWindow'</p>"); // Text in the new window
myWindow.opener.document.write("<p>This is the source window!</p>"); //
Text in the window that created the new window »それを自分で試してみてください
<ウィンドウオブジェクト