如何在同一弹出窗口中打开不同内容

Question

在同一弹出窗口中显示不同内容的最佳方法是什么。

我正在做以下操作：

    <a href = "javascript:openWin('content1.htm')">Content 1</a>
    <a href = "javascript:openWin('content2.htm')">Content 2</a>
    <a href = "javascript:openWin('content3.htm')">Content 3</a>

我有以下JavaScript：

       function openWin(url) {
        window.open(url, "_blank", "toolbar=no, scrollbars=no, resizable=no, top=200, left=300, width=870, height=650");
    }

现在，单击每个链接后，打开了不同的弹出式UP。我如何定位相同的弹出窗口以显示适当的内容，因此单击第二或第三个链接后，我只打开一个弹出式？

谢谢

Answer 1

真的很容易，您正在创建新的弹出窗口，因为您将"_blank"指定为参数，将其更改为名称，并且只要打开了，您就会在同一窗口中打开。

   function openWin(url) {
    window.open(url, "samewindow", "toolbar=no, scrollbars=no, resizable=no, top=200, left=300, width=870, height=650");
}

Answer 2

有点晚，但是我认为使用'位置'属性会做您想要的事情：

var windowName;  // global
function openWin(url) {
   if (windowName) {
      windowName.location = url;
      return;
   }
   else {
      windowName = window.open(url, "window_name", "<feature_list>");
   }
}

我正在研究此主题，因为我的用户希望在不同的显示器上的两个不同窗口上打开一个应用程序，每个窗口/监视器都专用于应用程序本身中的不同内容。上面的代码在同一窗口中打开了新内容，但是没有"闪存"或" pop"告诉用户新内容已出现。CSS当然可以用于此，但比较上述代码如何与此代码相比：

var windowName;  // global
function openWin(url) {
   if (windowName) {
      windowName.close();
   }
   windowName = window.open(url, "window_name", "<feature_list>");
}

我认为我更喜欢后者。