更多"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,如果調用失敗
更多示例
例
打開一個所謂的新窗口"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"); 試一試»
例
打開一個新的窗口。 使用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 試一試»
<窗口對象