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

时间:2018-09-21 04:47:15

标签: javascript html button web

我正在建立一个网站,我希望在单击按钮时在特定的地址打开一个新标签页。

这是我按钮的html:

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

这是我的javascript:

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

但是它不起作用,我不知道为什么,有人可以帮助我吗?

5 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

如果您仍希望它是按钮而不是锚标记<a>,请在函数中使用它:

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

答案 2 :(得分:1)

您可以像这样集成链接和按钮

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

这将在新标签页中打开

答案 3 :(得分: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>

答案 4 :(得分:1)

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

sudo rm /etc/exports
sudo touch /etc/exports
vagrant reload

您的示例:

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