Window open()
描述
open() 方法根據您的瀏覽器設定和引數值，開啟一個新的瀏覽器視窗或一個新的選項卡。
另請參閱
語法
window.open(URL, name, specs, replace)
引數
| 引數 | 描述 | ||||||||||||||||||||||||
| URL | 可選。 要開啟的頁面的 URL。 如果未指定 URL，則會開啟一個新的空白視窗/選項卡 |
||||||||||||||||||||||||
| name | 可選。 視窗的 target 屬性或名稱。 支援以下值 | ||||||||||||||||||||||||
|
|||||||||||||||||||||||||
| specs | 可選。 逗號分隔的專案列表，沒有空格。 支援以下值 | ||||||||||||||||||||||||
| |||||||||||||||||||||||||
| replace |
已棄用指定 URL 是在歷史列表中建立新條目還是替換當前條目。支援以下值
警告Chrome 在使用此引數時會丟擲異常。 |
||||||||||||||||||||||||
返回值
| 新視窗的引用，如果呼叫失敗，則為 null 。 |
更多示例
開啟一個名為 "MsgWindow" 的新視窗，並在其中寫入一些文字
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>這是 'MsgWindow'。我寬 200px，高 100px！</p>");
自己動手試一試 »
用新視窗替換當前視窗
var myWindow = window.open("", "_self");
myWindow.document.write("<p>我替換了當前視窗。</p>");
自己動手試一試 »
開啟一個新視窗並控制其外觀
window.open("https://w3schools.tw", "_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"); // 開啟一個新視窗
}
function closeWin() {
myWindow.close(); // 關閉新視窗
}
自己動手試一試 »
開啟一個新視窗。使用 name 屬性返回新視窗的名稱
var myWindow = window.open("", "MsgWindow", "width=200,height=100");
myWindow.document.write("<p>此視窗的名稱是: " + myWindow.name + "</p>");
自己動手試一試 »
使用 opener 屬性返回建立新視窗的視窗的引用
var myWindow = window.open("", "myWindow", "width=200,height=100"); // 開啟一個新視窗
myWindow.document.write("<p>這是 'myWindow'</p>"); // 新視窗中的文字
myWindow.opener.document.write("<p>這是源視窗！</p>"); // 建立新視窗的視窗中的文字
自己動手試一試 »
瀏覽器支援
open() 在所有瀏覽器中都受支援
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 是 |
