Window open() 方法

JavaScript Window 對象

open()方法打開一個(gè)新的瀏覽器窗口,并加載指定的文件進(jìn)去。

如果為指定的文檔創(chuàng)建了一個(gè)新窗口,則可以通過open()方法的features參數(shù)來修改其外觀和行為。

使用close()方法關(guān)閉窗口。

語法:

window.open(url, name, features, replace)
window.open("");
測試看看?/?

瀏覽器兼容性

所有瀏覽器完全支持open()方法:

方法
open()

參數(shù)值

參數(shù)描述
url(可選)需要打開的網(wǎng)頁的URL。如果未設(shè)置URL,則window.open()方法將打開一個(gè)空白窗口
name(可選)指定窗口的名稱或目標(biāo)屬性。
可能的值:
  • _blank -URL已加載到新窗口中(默認(rèn))

  • _parent -URL已加載到父框架

  • _self -URL替換當(dāng)前頁面

  • _top -URL替換可能加載的所有框架集

  • name -窗口名稱

features(可選)以逗號分隔的項(xiàng)目列表,沒有空格。
可能的值:
channelmode =是|否| 1 | 0 是否以劇院模式顯示窗口。默認(rèn)為否。僅IE
directories=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)前條目。
可能的值:
  • true-URL替換歷史記錄列表中的當(dāng)前文檔

  • false-URL在歷史記錄列表中創(chuàng)建一個(gè)新條目

技術(shù)細(xì)節(jié)

返回值:表示新創(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>");
測試看看?/?

相關(guān)參考

窗口(Window)參考:close()方法

窗口(Window)參考:closed屬性

窗口(Window)參考:opener屬性

JavaScript Window 對象

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清