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

Question

I am making a website and I want a new tab to open at a specific address when I click a button.

This is the html for my button:

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

And this is my javascript:

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

But it is not working and I can't figure out why, can someone help me?

Answer 1

Did you try window.open() ? It opens URL in new tab.

Answer 2

如果仍然希望将其用作按钮而不是锚标记<a> ，请在函数中使用以下代码：

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

Answer 3

you can integrate a link and a button like that

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

this would open up in a new tab

Answer 4

In addition to the other answers, add "_blank" to open in a new tab if you intend on using a JavaScript function.

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

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

Answer 5

You can use window.open() to do that.

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

Your example:

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