href 链接不适用于 Safari 中的 onclick 事件

Question

<script type="text/javascript">
function ref() {
    location.href = 'http://www.google.com';
}
</script>

<a target="_blank" href="/somepage.html" onclick="javascript:ref()">CLICK ME</a>

在 Chrome、FF 和 IE 中，单击该链接将在当前窗口中打开 Google，并在新选项卡/窗口中打开 somepage.html

但在 Safari 中，它只会在当前窗口中打开 Google，而不是其他任何东西。

如何让 Safari 复制其他浏览器？

Answer 1

location.href 只会改变当前窗口的 URL。为了打开一个新的标签或窗口，最好使用window.open。我专门在 Safari（和 Chrome）中对其进行了测试，并且在两种浏览器中都可以使用。

<a href="/somepage.html" onclick="javascript:ref()">CLICK ME</a>


<script type="text/javascript">
function ref() {
    window.open('http://www.google.com', '_blank');
}
</script>

按照您编写的方式，somepage.html 将在新选项卡中打开，当前页面将重定向到 google。如果你想要这样，只需像这样切换 URL：

<a href="www.google.com" onclick="javascript:ref()">CLICK ME</a>


<script type="text/javascript">
function ref() {
    window.open('/somepage.html', '_blank');
}
</script>

附带说明，我发现 Safari 允许用户处理他们希望打开窗口的方式，无论是新窗口还是选项卡，不幸的是我们无法控制它。