使用javascript打開新標簽並重新加載父頁面

Question

我有一個wordpress主題，帶有徽標鏈接到.pdf文檔。 為了將徽標鏈接到文檔，我必須使用自定義javascript：

document.getElementById('logo').href = "javascript:window.open('mylink')"

我希望在新標簽頁中打開此文檔。 目前可以使用，但是由於某些原因，我需要在新標簽頁打開后重新加載父頁面。

我可以添加些什么以便重新加載父頁面？ 謝謝

Answer 1

要完全按照您的要求進行操作，您可以進行一些簡單的更改...

document.getElementById('logo').href = "javascript:window.open('mylink');location.reload()";

但是，在不知道為什么需要刷新頁面的情況下，我不能說這是最好的做法。 我們需要更多信息，以便能夠更適當地幫助您。

編輯現在，您已經解釋了為什么需要重新加載頁面（單擊鏈接后該頁面空白），您應該將以前的代碼更改為此，以阻止這種情況的發生。

var link = document.getElementById('logo');
link.href = "url_of_the_pdf";
link.target = "_blank";

以前，將window.open()的輸出寫入頁面，這導致當前頁面內容被刪除。 此方法更改了鏈接，使其可以正常工作，並且應該可以解決您之前的問題。

Answer 2

<a onclick="open_in_new_tab_and_reload('./path_to_pdf.pdf')" href="#">PDF</a>

<script>
function open_in_new_tab_and_reload(url)
{
  //Open in new tab
  window.open(url, '_blank');
  //focus to thet window
  window.focus();
  //reload current page
  location.reload();
}
</script>

Answer 3

您不需要使用javascript。 您可以將徽標包裝在<a href="yourlink"></a>標簽中。 然后，使用target屬性告訴它在新選項卡中打開。

<a target="_blank" href="yourlink"><img src="yourlogo"...></img></a>