最新的Web開發教程
 

窗口open() Method

<窗口對象

打開"www.w3ii.com"在一個新的瀏覽器窗口:

window.open("http://www.w3ii.com");
試一試»

更多"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 是否要顯示劇場模式的窗口。 默認是沒有。 只有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和歌劇
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
試一試»

<窗口對象