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

Question

我是一个网站开发者，希望在点击按钮时能够打开一个特定地址的新标签页。

以下是我的按钮的HTML代码：

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

这是我的JavaScript代码：

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

但是它不起作用，我想不出为什么，有人可以帮帮我吗？

- Alex Hawking

---

为什么不使用a标签？<a href="https://alexanderhawking.itch.io/asteroid-racer" target="_blank">下载</a> - itodd

我希望它是一个按钮。 - Alex Hawking

a标签是用于此行为的正确语义元素，您可以将其样式设置为按钮。 - itodd

好的，很酷，我会试一下。 - Alex Hawking

Answer 1

除了其他答案之外，如果您打算使用JavaScript函数，请添加"_blank"以在新标签页中打开。

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

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

- O.O

Answer 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");
};

- agc

Answer 3

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

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

- javaprdgy

Answer 4

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

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

这将在新标签页中打开

- sam

Answer 5

你尝试过使用window.open()吗？它可以在新标签页中打开URL。

- Nishikant Chavan