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>

使用javascript打开新选项卡并重新加载父页面

3 个答案: