打開URL現有儘可能

Question

現在我有一個鏈接

<a href="blabla" target="_blank">link</a> 

然而，這總是打開一個新的標籤。我想下面的效果

1. 如果用戶已經有相同的URL選項卡，再利用該選項卡，並刷新如果可能的話
2. 否則，打開一個新標籤

我如何能實現這使用JavaScript？

如果只有一些特定於瀏覽器的方法，那麼沒有相應支持的瀏覽器的用戶將會「後備」到始終新標籤的方式。

Answer 1

您可以設置特定窗口的名稱，以便打開重用選項卡。問題是，只要href將相同，它將不會被重新加載。所以你不能輕易獲得refresh部分。

所以，舉例來說，你可以有：

<a href="blabla" target="blabla">link</a> 
<a href="foo" target="bar">link</a> 

在JS，你其實可以得到相同的，使用window.open。你也可以使用URL作爲target，讓您無需手動指定：

<a href="blabla" onclick="window.open(this.href, this.href); return false">link</a> 
<a href="foo" onclick="window.open(this.href, this.href); return false">link</a> 

你也可以概括，並添加點擊監聽到文檔中，爲了打開這樣一些鏈接。喜歡的東西：

<div id="container"> 
    <a href="blabla">link</a> 
    <a href="foo">link</a> 
</div> 

<script> 
    document.getElementById("container").onclick = function(evt){ 
     if (evt.target.tagName === "A") 
      window.open(evt.target.href, evt.target.href); 

     return false; 
    } 
</script> 

如果頁面是在同一個域，在這一點上，你也許可以試着做網頁的經驗刷新爲好。