点击链接并调用javascript然后“在新标签页中打开”

Question

我的页面中有一个链接。

<a onclick="Click()">Click me</a>

当我点击此链接时，会触发调用Click功能的onclick事件。在这个函数中，我有一些javascript代码然后，我想重定向到另一个页面。

function Click() { 
    //some code
    window.location = url;
}

当用户右键点击链接并选择“在新标签页中打开”时，会打开新标签页，网址为：“about：blank”。

如何纠正此问题？ 感谢。

Answer 1

关键是不要用Javascript替换锚功能。锚点旨在将您带到新的URL。如果您有锚，请将其用作锚点（例如，在其上设置href）。请勿绑定使用window.location重定向到新网址的点击事件。

您当前的主播没有href。因此，当您尝试在新选项卡中打开它时，没有任何东西加载也就不足为奇了。你真的在新标签中没有打开任何内容。

如果确实需要动态设置URL，请使用javascript更改元素的href。例如：

document.getElementById('my-element').href = new_href;

不言而喻，这需要在点击锚点之前完成（不是点击）。例如，在window.load上，或者完成生成动态URL的函数。

Answer 2

使用window.open函数并在第二个参数函数

中传递_blank

  function Click() { 
    //some code
    window.open(url,'_blank');
} 

Answer 3

你应该更正你的锚标签：

   <a href="http://yourLink.com" target="_blank" onclick="Click();">link text</a>

这样当用户点击链接时，它将在新标签页中打开，您将执行Click功能。