How to add target="_blank" to JavaScript window.location?

Question

The following sets the target to _blank:

if (key == "smk") {
    window.location = "http://www.smkproduction.eu5.org";
    target = "_blank";
    done = 1;
}

But this doesn't seem to work. How do I launch the link in a new tab?

Here is my code:

function ToKey() {
  var done = 0;
  var key = document.tokey.key.value;
  key = key.toLowerCase();
  if (key == "smk") {
    window.location = "http://www.smkproduction.eu5.org";
    target = "_blank"
    done = 1;
  }
  if (done == 0) {
    alert("Kodi nuk është valid!");
  }
}

<form name="tokey">
  <table>
    <tr>
      <td>Type the key</td>
      <td>
        <input type="text" name="key">
      </td>
      <td>
      </td>
      <td>
        <input type="button" value="Go" onClick="ToKey()">
      </td>
  </table>
</form>

So you want to open a url in a new window?

Musa
– Musa

2013-08-27 22:19:19 +00:00
Commented Aug 27, 2013 at 22:19 — Musa
– Musa, Commented Aug 27, 2013 at 22:19
Yepp?! only if the key is right...

Flamur Beqiraj
– Flamur Beqiraj

2013-08-27 22:20:42 +00:00
Commented Aug 27, 2013 at 22:20 — Flamur Beqiraj
– Flamur Beqiraj, Commented Aug 27, 2013 at 22:20
where the HEAD closes?

Lucas
– Lucas

2016-10-07 19:35:44 +00:00
Commented Oct 7, 2016 at 19:35 — Lucas
– Lucas, Commented Oct 7, 2016 at 19:35

Yuri · Accepted Answer · 2019-08-12 12:18:22Z

399

window.location sets the URL of your current window. To open a new window, you need to use window.open. This should work:

function ToKey(){
    var key = document.tokey.key.value.toLowerCase();
    if (key == "smk") {
        window.open('http://www.smkproduction.eu5.org', '_blank');
    } else {
        alert("Kodi nuk është valid!");
    }
}

edited Aug 12, 2019 at 12:18

Yuri

4,5482 gold badges32 silver badges49 bronze badges

answered Aug 27, 2013 at 22:19

twinlakes

10.5k8 gold badges36 silver badges47 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Ben Racicot Over a year ago

@twinlakes this gets blocked in all modern browsers.

twinlakes Over a year ago

@BenRacicot well yes, popups are blocked by default and most people don't change that

jmoran Over a year ago

the problem with window.open is the pop-blocked blocker

twinlakes · Accepted Answer · 2016-11-07 03:46:44Z

87

Just use in your if (key=="smk")

if (key=="smk") { window.open('http://www.smkproduction.eu5.org','_blank'); }

edited Nov 7, 2016 at 3:46

twinlakes

10.5k8 gold badges36 silver badges47 bronze badges

answered Aug 27, 2013 at 22:20

Eric Sanchez

1,1111 gold badge9 silver badges8 bronze badges

Comments

Alex Deldari · Accepted Answer · 2021-06-23 09:44:12Z

21

if you want to open a link in new tab window.open has a problem, my firefox detect a popup link by using window.open' and this is not good

I was handle this by using the latest comment

var anchor = document.createElement('a');
anchor.href = 'https://example.com';
anchor.target="_blank";
anchor.click();

answered Jun 23, 2021 at 9:44

Alex Deldari

3582 silver badges11 bronze badges

3 Comments

Freddy Daniel Over a year ago

This is the best way to prevent popup

Fred Klein Over a year ago

I can confirm that it works perfectly on chrome 99. Thanks!

Vendetta Over a year ago

i try this but still "pop-up blocked" in google chrome

Dharman · Accepted Answer · 2020-01-26 00:09:25Z

17

I have created a function that allows me to obtain this feature:

function redirect_blank(url) {
  var a = document.createElement('a');
  a.target="_blank";
  a.href=url;
  a.click();
}

edited Jan 26, 2020 at 0:09

Dharman♦

33.9k27 gold badges106 silver badges157 bronze badges

answered Feb 12, 2018 at 19:59

mcems7

3172 silver badges5 bronze badges

1 Comment

mwm Over a year ago

this doesn't work. probably a recent browsers policy update?

Martin · Accepted Answer · 2023-03-15 00:38:28Z

3

<a href="http://www.smkproduction.eu5.org" onclick="window.open('http://www.smkproduction.eu5.org', '_blank');return false;"></a>

before that you can replace the event in onclick, window.open will not be blocked by the browser if called explicitly

edited Mar 15, 2023 at 0:38

Martin

2,43711 gold badges30 silver badges32 bronze badges

answered Sep 21, 2022 at 23:03

Денис Катриченко

312 bronze badges

Comments

Chris Shabani Muswamba · Accepted Answer · 2021-03-25 11:46:09Z

0

This code worked for me, and it was so simple using javascript

var anchor = document.createElement('a');
anchor.href = 'https://example.com';
anchor.target="_blank";

answered Mar 25, 2021 at 11:46

Chris Shabani Muswamba

679 bronze badges

1 Comment

Quentin Over a year ago

This doesn't seem to have anything do with the question, which is about triggering navigation directly and not using a link to do it.

Najrul Islam · Accepted Answer · 2024-05-22 17:08:27Z

0

function ToKey() {
  var done = 0;
  var key = document.tokey.key.value;
  key = key.toLowerCase();
  if (key == "smk") {
    window.location = "http://www.smkproduction.eu5.org";
    target = "_blank"
    done = 1;
  }
  if (done == 0) {
    alert("Kodi nuk është valid!");
  }
}

<form name="tokey">
  <table>
    <tr>
      <td>Type the key</td>
      <td>
        <input type="text" name="key">
      </td>
      <td>
      </td>
      <td>
        <input type="button" value="Go" onClick="ToKey()">
      </td>
  </table>
</form>

answered May 22, 2024 at 17:08

Najrul Islam

1

1 Comment

Community Over a year ago

As it’s currently written, your answer is unclear. Please edit to add additional details that will help others understand how this addresses the question asked. You can find more information on how to write good answers in the help center.

山茶树和葡萄树 · Accepted Answer · 2017-12-07 06:28:31Z

-1

    var linkGo = function(item) {
      $(item).on('click', function() {
        var _$this = $(this);
        var _urlBlank = _$this.attr("data-link");
        var _urlTemp = _$this.attr("data-url");
        if (_urlBlank === "_blank") {
          window.open(_urlTemp, '_blank');
        } else {
          // cross-origin
          location.href = _urlTemp;
        }
      });
    };

    linkGo(".button__main[data-link]");

.button{cursor:pointer;}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


<span class="button button__main" data-link="" data-url="https://stackoverflow.com/">go stackoverflow</span>

edited Dec 7, 2017 at 6:28

answered Dec 7, 2017 at 6:19

山茶树和葡萄树

2,4881 gold badge25 silver badges20 bronze badges

Collectives™ on Stack Overflow

How to add target="_blank" to JavaScript window.location?

8 Answers 8

3 Comments

Comments

3 Comments

1 Comment

Comments

1 Comment

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

8 Answers 8

3 Comments

Comments

3 Comments

1 Comment

Comments

1 Comment

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related