每次强制不同的链接在新的弹出窗口中打开答案

【问题标题】：Force different links to open in a new Pop-up window every time每次强制不同的链接在新的弹出窗口中打开
【发布时间】：2013-08-22 07:11:08
【问题描述】：

我有一个 HTML 页面，并且有四个链接可以转到新窗口上的不同页面。

例如：

链接1，链接2，链接3链接4

我希望链接 1 在新窗口 1 中弹出，链接 2 到新窗口 2 等等...

这样，当单击 Link2 时，Window 1 及其来自 Link1 的内容将保留。

目前，问题在于四个链接在一个新窗口 1 中打开，覆盖了来自 Link1 的第一个当前内容。我想要的是每次点击链接时都有四个唯一的窗口。

我不知道是否有特定的 Javascript 函数可以执行此操作，但我现在在这四个链接上所拥有的只是定位标记上的 target="_blank"。这发生在 IE 和 Chrome 中，我认为也发生在 FF 和任何其他浏览器中。

提前感谢您的帮助。

【问题讨论】：

标签： javascript html browser

【解决方案1】：

target="_blank" 将在新窗口中打开每个链接（链接是否已打开无关紧要）；

如果要聚焦打开的窗口，可以使用模态窗口（即不是选项卡），如下所示：

html:

<a href="http://google.com">link 1</a><br/>
<a href="http://yahoo.com">link 2</a><br/>
<a href="http://bing.com">link 3</a><br/>
<a href="http://mamma.com">link 4</a>

js:

$(document).ready(function() {
    $('a').click(function(e) {
        var id = $(this).data("windowid");
        if(id == null || id.closed) {
            id =  window.open($(this).attr("href"), '_blank', 'modal=yes');
        }
        id.focus();
        $(this).data("windowid", id);
        e.preventDefault();
        return false;
    });
});

http://jsfiddle.net/JeQyE/2/

【讨论】：

【解决方案2】：

试试

var links = document.getElementsByTagName("a");
for (var i = 0; i < links.length; i++) {
    var link = links[i];
    link.addEventListener("click", function (e) {
        e.preventDefault();
        window.open(this.href);
    });
}

【讨论】：

【解决方案3】：

使用window.open javascript函数作为波纹管，

window.open("your link")

【讨论】：

【解决方案4】：

target 也可以接受名称而不是“_blank”，例如win1 win2 等

见http://www.w3.org/html/wg/drafts/html/master/browsers.html#browsing-context-names

【讨论】：