open()方法打開一個(gè)新的瀏覽器窗口,并加載指定的文件進(jìn)去。
如果為指定的文檔創(chuàng)建了一個(gè)新窗口,則可以通過open()方法的features參數(shù)來修改其外觀和行為。
使用close()方法關(guān)閉窗口。
window.open(url, name, features, replace)
window.open("");測試看看?/?
所有瀏覽器完全支持open()方法:
方法 | ![]() | ![]() | ![]() | ![]() | ![]() |
open() | 是 | 是 | 是 | 是 | 是 |
參數(shù) | 描述 |
---|---|
url | (可選)需要打開的網(wǎng)頁的URL。如果未設(shè)置URL,則window.open()方法將打開一個(gè)空白窗口 |
name | (可選)指定窗口的名稱或目標(biāo)屬性。 可能的值:
|
features | (可選)以逗號分隔的項(xiàng)目列表,沒有空格。 可能的值: channelmode =是|否| 1 | 0 是否以劇院模式顯示窗口。默認(rèn)為否。僅IEdirectories=yes|no|1|0 過時(shí)的 是否添加目錄按鈕。默認(rèn)為是。僅IE fullscreen=yes|no|1|0 是否以全屏模式顯示瀏覽器。默認(rèn)為否。全屏模式下的窗口也必須處于劇院模式。僅IE height=pixels 窗口的高度。最小值為100 left=pixels 窗口的左側(cè)位置。不允許負(fù)值 location=yes|no|1|0 是否顯示地址字段。僅限Opera menubar=yes|no|1|0 是否顯示菜單欄 resizable=yes|no|1|0 窗口是否可調(diào)整大小。僅IE scrollbars=yes|no|1|0 是否顯示滾動(dòng)條。僅限IE,F(xiàn)irefox和Opera status=yes|no|1|0 是否添加狀態(tài)欄 titlebar=yes|no|1|0 是否顯示標(biāo)題欄。除非調(diào)用應(yīng)用程序是HTML應(yīng)用程序或受信任的對話框,否則將被忽略 toolbar=yes|no|1|0 是否顯示瀏覽器工具欄。僅限IE和Firefox top=pixels 窗口的頂部位置。不允許負(fù)值 width=pixels 窗口的寬度。最小值為100 |
replace | (可選)指定URL創(chuàng)建新條目或替換歷史記錄列表中的當(dāng)前條目。 可能的值:
|
返回值: | 表示新創(chuàng)建的窗口的Window對象。如果無法打開窗口,則返回值為null。 |
---|
在新窗口中打開空白頁:
window.open("", "", "width=400, height=300");測試看看?/?
打開一個(gè)新窗口。使用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("", "", "width=400, height=300");測試看看?/?
在指定位置的新窗口中打開“ parrot-tutorial.com”:
window.open("", "", "left=500, top=200");測試看看?/?
打開一個(gè)新窗口并指定其外觀:
window.open("", "_blank", "toolbar=yes,scrollbars=yes,resizable=yes,top=200,left=500,width=400,height=300");測試看看?/?
打開一個(gè)新窗口,并使用close()方法關(guān)閉新窗口:
var popupWindow; //打開新窗口的函數(shù) function windowOpen() { popupWindow = window.open("", "_blank"); } // 關(guān)閉打開的窗口的函數(shù) function windowClose() { if (popupWindow) { popupWindow.close(); } }測試看看?/?
使用opener屬性返回對創(chuàng)建新窗口的窗口的引用:
// 打開一個(gè)新窗口 var win = window.open("", "popupWindow", "width=300, height=200"); //在新窗口寫入一些內(nèi)容 win.document.write("<p>這個(gè)窗口的名稱是: " + win.name + "</p>"); // 在創(chuàng)建新窗口的窗口中寫入一些文本 win.opener.document.write("<h1>這是源窗口!</h1>");測試看看?/?
窗口(Window)參考:close()方法
窗口(Window)參考:closed屬性
窗口(Window)參考:opener屬性