가능한 경우 새 탭에서 URL을 열거나 기존 URL을 재사용하여 탐색 환경을 최적화하세요.

Question

이제 링크가 생겼습니다

<a href="blabla" target="_blank">링크</a>

그러나 이렇게 하면 항상 새 탭이 열립니다. 나는 다음과 같은 효과를 원합니다

<올>

사용자에게 동일한 URL이 포함된 탭이 이미 있는 경우 해당 탭을 재사용하고 가능하면 새로고침하시기 바랍니다.

그렇지 않으면 새 탭을 엽니다

JavaScript를 사용하여 어떻게 이를 달성할 수 있나요?

몇 가지 브라우저별 방법만 있어도 괜찮습니다. 따라서 해당 지원 브라우저가 없는 사용자는 항상 새 탭 접근 방식으로 "대체"됩니다.

Answer 1

설정target="child"이미 열려 있는 경우 현재 탭을 새로 고칩니다

으아아아

Answer 2

재사용된 탭을 열도록 특정 창의 이름을 설정할 수 있습니다. 문제는 href가 동일한 한 다시 로드되지 않는다는 것입니다. 그래서 refresh 부분을 쉽게 얻을 수 없습니다.

예를 들어 다음과 같이 할 수 있습니다.

으아악

JS에서는 실제로 window.open 获得相同的结果。您还可以使用 url 作为目标를 사용할 수 있으므로 수동으로 지정할 필요가 없습니다.

으아악

이런 방식으로 특정 링크를 열려면 문서에 클릭 리스너를 일반화하고 추가할 수도 있습니다. 다음과 같습니다:

으아악

페이지가 동일한 도메인에 있는 경우 이때 페이지를 새로고침해 볼 수도 있습니다.