Button to open link in new tab

user_9868018 0
Viewed 11678

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?

web button html javascript
5 Answers

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>

user_76262770

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

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

user_73991020

If you still want it to be a button rather than an anchor tag <a> use this in your function:

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

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

user_97150910
Related