Otwórz adres URL w nowej karcie lub ponownego wykorzystania istniejącego w miarę możliwości

Question

Teraz mam linka

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

Jednak to zawsze otworzyć nową kartę. Chcę następujący efekt

1. Jeśli użytkownik posiada już kartę z tej samej zawartości, ponowne użycie tej karcie, a następnie odśwież jeśli to możliwe
2. W przeciwnym razie, należy otworzyć nową kartę

jaki sposób można osiągnąć to za pomocą JavaScript?

Jest OK, jeśli istnieje tylko kilka metod specyficznych dla przeglądarki, więc użytkownicy przeglądarek bez odpowiedniej obsługi będą "zastępować" sposób zawsze nowych kart.

Answer 1

Możesz ustawić nazwę konkretnego okna, aby otworzyć ponownie kartę. Problem polega na tym, że o ile href będzie taki sam, nie zostanie przeładowany. Dlatego nie można łatwo uzyskać części refresh.

Tak więc, na przykład, można mieć:

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

W JS, rzeczywiście można uzyskać to samo, używając window.open. Można również użyć adresu URL jako target, tak że nie trzeba określić ręcznie:

<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> 

można też uogólniać i dodać kliknij słuchacza do dokumentu, aby otworzyć niektóre linki w ten sposób . Coś jak:

<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> 

Jeśli strona znajdują się w tej samej domenie, w tym momencie można prawdopodobnie próbuje zrobić empiryczne odświeżanie strony, jak również.