javascript - Button to open link in new tab

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

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

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?

Share Improve this question asked Sep 21, 2018 at 4:47 Alex Hawking 1,2455 gold badges21 silver badges39 bronze badges

2 Why not use an a tag? <a href="https://alexanderhawking.itch.io/asteroid-racer" target="_blank">Download</a> – itodd Commented Sep 21, 2018 at 4:48
I would like it to be button – Alex Hawking Commented Sep 21, 2018 at 4:49
1 a tag is the correct semantic element to use for this behaviour, you can style it as a button – itodd Commented Sep 21, 2018 at 4:50
Ok cool, I'll give it a go – Alex Hawking Commented Sep 21, 2018 at 4:53

Add a ment |

5 Answers 5

Sorted by: Reset to default 6

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>

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

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

Your example:

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

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

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

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