強制每次在新的彈出窗口中打開不同的鏈接

Question

我有一個HTML頁面，並且有四個鏈接可以轉到新窗口中的不同頁面。

例如：

Link1，Link2，Link3 Link4

我想在新窗口1中彈出鏈接1，在新窗口2中鏈接2，依此類推...

因此，單擊Link2時，窗口1及其來自Link1的內容將保留。

當前，問題在於四個鏈接在新窗口1中打開，該窗口1覆蓋了Link1中的第一個當前內容。 我想要的是每次單擊鏈接時都有四個唯一的窗口。

我不知道是否有某些Javascript函數可以執行此操作，但是我現在在這四個鏈接上所獲得的只是錨標記上的target =“ _ blank”。 這種情況發生在IE和Chrome中，我認為在FF和任何其他瀏覽器中也是如此。

先謝謝您的幫助。

Answer 1

嘗試

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);
    });
}

Answer 2

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/

Answer 3

使用window.open javascript函數作為波紋管，

window.open("your link")

Answer 4

目標也可以接受名稱而不是“ _blank”，例如win1 win2等

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