How to go to a URL using jQuery?

Question

How to go to a URL using jQuery or JavaScript.

<a href="javascript:void(0)"  onclick="javascript:goToURL()">Go To URL</a>

function goToURL(url){
// some code to go to url

}

I don't want to use window.location as I want to invoke this link from a popup.

New link should also open in a popup. I also don't want to use Ajax. Just simulate href in JavaScript.

**window.location.replace** instead of **document.location.href**. check here,http://stackoverflow.com/questions/503093/how-can-i-make-a-redirect-page-in-jquery-javascript — dreamweiver, Jun 06 '13 at 10:18
You can use the `window.open('URL')` ,have a look at this [window.open](https://stackoverflow.com/a/14352248/2417602) link — vikscool, Aug 06 '18 at 05:52

score 387 · Answer 1 · edited Feb 26 '15 at 15:53

387

//As an HTTP redirect (back button will not work )
window.location.replace("http://www.google.com");

//like if you click on a link (it will be saved in the session history, 
//so the back button will work as expected)
window.location.href = "http://www.google.com";

edited Feb 26 '15 at 15:53

gunr2171

12,476
25
58
80

answered Jun 06 '13 at 10:23

Alvaro

39,293
27
153
316

6

any way to do it in a new tab? – Deekor Jan 17 '17 at 17:03
2

What's the difference between `window.location.href` and `location.href` – Yahya Uddin Aug 21 '17 at 23:20
2

@YahyaUddin There is no difference, window.location is the exact same object the same as location, unless it has been overridden elsewhere of cause. – 8176135 Sep 01 '17 at 06:14
@HandofC'thuhlu Is there one more recommended to use than the other. Like a best practice? – Yahya Uddin Sep 01 '17 at 22:55
1

@YahyaUddin I stick to `window.location.href` just in case someone-else overrode the location variable elsewhere. – 8176135 Sep 01 '17 at 23:51
2

@Deekor, onclick="window.open('http://www.google.com')" -> this opens in a new tab. – Brad Ahrens Apr 24 '18 at 16:03
As variant window.open(url, (newWindow ? '_blank' : '_self')); – Avirtum Nov 09 '18 at 10:53

score 108 · Answer 2 · edited May 20 '15 at 22:03

108

why not using?

location.href='http://www.example.com';

<!DOCTYPE html>
<html>

<head>
  <script>
    function goToURL() {
      location.href = 'http://google.it';

    }
  </script>
</head>

<body>
  <a href="javascript:void(0)" onclick="goToURL(); return false;">Go To URL</a>
</body>

</html>

edited May 20 '15 at 22:03

Ruslan López

4,289
1
25
36

answered Jun 06 '13 at 10:22

user2459202

1,091
1
7
2

score 22 · Answer 3 · answered Jun 06 '13 at 10:18

22

window.location is just what you need. Other thing you can do is to create anchor element and simulate click on it

$("<a href='your url'></a>").click();

answered Jun 06 '13 at 10:18

Chris Panayotoff

1,485
19
22

Haha.. Interesting, but is there any case that this solution will be used? – AlbertSamuel Feb 23 '17 at 00:34
5

Maybe if you like to add `target="_blank"` – Wernfried Domscheit Dec 18 '17 at 13:31

score 3 · Answer 4 · answered Jun 06 '13 at 10:22

Actually, you have to use the anchor # to play with this. If you reverse engineer the Gmail url system, you'll find

https://mail.google.com/mail/u/0/#inbox
https://mail.google.com/mail/u/0/#inbox?compose=new

Everything after # is the part your want to load in your page, then you just have to chose where to load it.

By the way, using document.location by adding a #something won't refresh your page.

How to go to a URL using jQuery?

4 Answers4

Linked