使用JavaScript的多個彈出窗口

Question

我正在開發一個聊天應用程序，我需要一個javascript函數來為每個在線用戶打開單獨的窗口，現在我正在使用以下javascript代碼

var myWindow;

function openWindow(url)  
{
var width = 700;
var height = 500;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
var windowFeatures = "width=" + width + ",height=" + height + ",status,resizable=no,scrollbars,left=" + left + ",top=" + top + "screenX=" + left + ",screenY=" + top;
myWindow = window.open(url, "welcome", windowFeatures);

}

我已經在后面的代碼中調用了此函數，如下所示

<a href='javascript:void(0)' onclick=openWindow('newWindow.aspx?id=" & Id & "')>  </a>

這里的ID是用戶ID，但是新窗口在我做錯的同一窗口中被替換，請指導我謝謝

Answer 1

從函數上方刪除var myWindow並將其放在函數內部。

Answer 2

首次運行該函數時，將創建一個名為“ welcome”的窗口。 后續調用將替換內容，因為已經存在一個名為“歡迎”的窗口。 您的姓名必須唯一 。

另外：驗證。 驗證。 驗證 。

屬性值周圍的引號有時是可選的。 這不是那些時候之一。

Answer 3

我認為您必須在鏈接中添加target="_blank"屬性。

Answer 4

在window.open函數中，第二個參數是窗口的名稱。 兩次使用相同的名稱將在已打開的窗口中加載新的URL。 只需在函數調用中更改名稱（例如，包括ID）。

Answer 5

您只需要使所有彈出窗口的名稱不同，否則最后一個倒數只會覆蓋前一個。

 function openWindow(url)   
{
var width = 700;
var height = 500;
var left = parseInt((screen.availWidth/2) - (width/2));
var top = parseInt((screen.availHeight/2) - (height/2));
var windowFeatures = "width=" + width + ",height=" + height + " 
,status,resizable=no,scrollbars,left=" + left + ",top=" + top + "screenX=" + left + 
",screenY=" + top;
myWindow = window.open(url, "welcome", windowFeatures);
myWindow = window.open(url, "welcome2", windowFeatures);
myWindow = window.open(url, "welcome3", windowFeatures);// notice all popup window name is different
}