Reload window with new url on click

Question

I have made a anchro tag with 2 urls. One is href and other is data-url. When i click on button it should open a page in new tab which is correct. But additionally what i want is to reload the current page with the data-url link that i set.

So in the example i set href to google.com and it opens in new tab. Its correct but when we click the button i additionally the the current page to reload to data-url that is youtube.com.

HTML

<a href="https://www.google.com/" target="_blank" data-url="https://www.youtube.com/" id="agree">Click me</a>

JS

 $('#agree').on('click', function(e) {
  var url = $(this).data('url');
  console.log(url);
  // window.open(url);
  location.reload(url);
});

Link To Codepen

eisbehr · Accepted Answer · 2016-08-16 06:14:17Z

3

Set the URL to window.location.href.

$('#agree').on('click', function(e) {
    var url = $(this).data('url');
    window.location.href = url;
});

answered Aug 16, 2016 at 6:14

eisbehr

12.5k8 gold badges42 silver badges65 bronze badges

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

5 Comments

Bipu Bajgai Over a year ago

thanks work . ! A quick question thou . what is difference between window.location.href and location.href

eisbehr Over a year ago

Basically it is the same. But if you somewhere use something like var location = 'foo'; your script will fail. It is saver to access window properties with window. in front. @BipuBajgai

Bipu Bajgai Over a year ago

codepen.io/sabipu/pen/ZOkmKw - hey but this doesnot works on mac safari . you know why ?

eisbehr Over a year ago

stackoverflow.com/questions/4210995/… @BipuBajgai

Bipu Bajgai Over a year ago

i cannot add an onsubmit action to my button thou.

Mayank Pandeyz · Accepted Answer · 2016-08-16 06:14:41Z

0

Change location.reload(url) to location.href = url;. It will work

answered Aug 16, 2016 at 6:14

Mayank Pandeyz

26.3k4 gold badges43 silver badges61 bronze badges

1 Comment

Bipu Bajgai Over a year ago

codepen.io/sabipu/pen/ZOkmKw - het but this deosnot works on mac safari . you know why ?

Collectives™ on Stack Overflow

Reload window with new url on click

2 Answers 2

5 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

5 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related