在新标签页中打开链接的按钮答案

【问题标题】：Button to open link in new tab在新标签页中打开链接的按钮
【发布时间】：2018-09-21 04:47:14
【问题描述】：

我正在制作一个网站，我希望在单击按钮时在特定地址打开一个新标签。

这是我的按钮的 html：

<button id="AsDownload" onclick="AsDownload();">Download</button>

这是我的 javascript：

function AsDownload(){
    chrome.tabs.create({url:"https://alexanderhawking.itch.io/asteroid-racer"});
};

但它不起作用，我不知道为什么，有人可以帮助我吗？

【问题讨论】：

为什么不使用a 标签？ <a href="https://alexanderhawking.itch.io/asteroid-racer" target="_blank">Download</a>
我希望它是按钮
a 标签是用于此行为的正确语义元素，您可以将其设置为按钮
好吧，我试试看

【解决方案1】：

除了其他答案，如果您打算使用JavaScript 函数，请添加 "_blank" 以在新选项卡中打开。

function AsDownload() {
  //window.open(pathString, target);
  window.open("https://alexanderhawking.itch.io/asteroid-racer", "_blank");
};

&lt;button id="AsDownload" onclick="AsDownload()"&gt;Download&lt;/button&gt;

【讨论】：

【解决方案2】：

您可以使用 window.open() 来做到这一点。

<input type="button" value="button name" onclick="window.open('http://www.website.com')" />

你的例子：

function AsDownload() {
  window.open("https://alexanderhawking.itch.io/asteroid-racer", "_blank");
};

【讨论】：

【解决方案3】：

您尝试过 window.open() 吗？它会在新标签页中打开 URL。

【讨论】：

【解决方案4】：

如果你仍然希望它是一个按钮而不是一个锚标签 <a> 在你的函数中使用它：

window.open("https://alexanderhawking.itch.io/asteroid-racer");

【讨论】：

【解决方案5】：

你可以像这样集成一个链接和一个按钮

  <button id="AsDownload"><a href="https://alexanderhawking.itch.io/asteroid-racer/"target="_blank">load</a></button>

这将在新标签中打开

【讨论】：