How can I make a redirect page in jQuery/JavaScript?

WARNING: This answer has been provided as a possible solution. Obviously, the pure JS approach is the right one.

Simply do :

var url = "http://stackoverflow.com";    
$(location).attr('href',url);

You don't need jQuery to do just that:

window.location = "http://www.page-2.com";

It would help if you were a little more descriptive in what you are trying to do. If you are trying to generate paged data, there are some options in how you do this. You can generate separate links for each page that you want to be able to get directly to.

<a href='/path-to-page?page=1' class='pager-link'>1</a>
<a href='/path-to-page?page=2' class='pager-link'>2</a>
<span class='pager-link current-page'>3</a>
...

Note that the current page in the example is handled differently in the code and with CSS.

If you want the paged data to be changed via AJAX, this is where jQuery would come in. What you would do is add a click handler to each of the anchor tags corresponding to a different page. This click handler would invoke some jQuery code that goes and fetches the next page via AJAX and updates the table with the new data. The example below assumes that you have a web service that returns the new page data.

$(document).ready( function() {
    $('a.pager-link').click( function() {
        var page = $(this).attr('href').split(/\?/)[1];
        $.ajax({
            type: 'POST',
            url: '/path-to-service',
            data: page,
            success: function(content) {
               $('#myTable').html(content);  // replace
            }
        });
        return false; // to stop link
    });
});

This works for every browser:

window.location.href = 'your_url';

Good luck!

All of these answers are correct, but I'll post this for those who might of run into the same strange issue I did. I was having an issue with HTTP_REFERER and how it was getting lost when using simply location.href.

In IE8 and lower location.href (or any & all variations of this lose this variable), which for secure sites is important to maintain, because testing for it (urlpaste'ing/ session / etc) can be helpful in telling whether a request is legitamate. (Note :: there are also ways to work-around / spoof these referer's, as noted by droop's link in the comments)

My cross-browser fix is this simple function. Assuming you of course, are worried about losing HTTP_REFERER as I stated. (otherwise you can just use location.href etc etc

Useage: _Redirect('anotherpage.aspx');

function _Redirect (url) {
    var ua        = navigator.userAgent.toLowerCase(),
        verOffset = ua.indexOf('msie') !== -1,
        version   = parseInt(ua.substr(4, 2), 10);

    // IE8 and lower
    if (verOffset && version < 9) {
        var link = document.createElement('a');
        link.href = url;
        document.body.appendChild(link);
        link.click();
    }

    // All other browsers
    else { window.location.href = url; }
}

var url = 'asdf.html';
window.location.href = url;

I also think that location.replace(url) is the best way, but if you want to notify the search engines about you redirection (they don't analyze javascript to see the redirection) you should add the rel="canonical" meta tag to your website.

Adding a noscript section with a html refresh meta tag in it, is also a good solution. I suggest you to use this javascript redirection tool to create redirections. It also have an IE support to pass the http referrer.

A sample code without delay look like this:

<!--Pleace this snippet right after opening the head tag to make it work properly-->
<!--REDIRECTING STARTS-->
<link rel="canonical" href="https://yourdomain.com"/>
<noscript>
<meta http-equiv="refresh" content="0;URL=https://yourdomain.com">
</noscript>
<script type="text/javascript">
    var url = "https://yourdomain.com";

    // IE8 and lower fix
    if (navigator.userAgent.match(/MSIE\s(?!9.0)/))
    {
        var referLink = document.createElement("a");
        referLink.href = url;
        document.body.appendChild(referLink);
        referLink.click();
    }

    // All other browsers
    else { window.location.replace(url); }
</script>
<!--REDIRECTING ENDS-->

You can do that without jQuery as:

window.location = "http://yourdomain.com";

And if you want only jQuery then you can do it like :

$jq(window).attr("location","http://yourdomain.com");

But if some one wants to redirect back to home page then he may use the following snippet.

window.location = window.location.host

It would be helpful if you have three different environments as development, staging, and production.

You can explore this window or window.location object by just putting these words in Chrome Console or Firebug's Console.

$jq(window).attr("location","http://google.fr");

This version works well with jQuery 1.6.2.

On your click function just add

window.location.href = "the url where you want to redirect";
$('#id').click(function(){
    window.location.href = "http://www.google.com";
});

JQuery is not needed you can do this: window.open("URL","_self","","") It is that easy!!

first write properly you want to navigate within application for another link from your application for another link here is the code:

window.location.href = "http://www.google.com";

and if you want to navigate pages within your application then also i have code if you want.

write the below code after php or html or jquery if in the middle of php or html then use tag

location.href = "http://google.com"

In javascript and jquery are using following code to redirect the one page to another page.

window.location.href="http://google.com";
window.location.replace("page1.html");

So, the question is how to make a redirect page, and not how to redirect to a website?

You only need to use Javascript for this. Here is some tiny code that will create a dynamic redirect page.

<script>
    var url = window.location.href.split('?url=')[1]; // Get the url after ?url=
    if( url ) window.location.replace(url);
</script>

So say you just put this snippet into a redirect/index.html file on your website you can use it like so.

http://www.mywebsite.com/redirect?url=http://google.com

And if you go to that link it will automatically redirect you to google.com.

Documentation: https://developer.mozilla.org/en-US/docs/Web/API/window.location

And that's how you make a Simple redirect page with javasctript

This can also be used to reload your page

window.location.reload(true);

Simply: window.location("url string");

window.location.href = desireurl; e.g "https://www.google.co.in"

Use the following code:

$('#id').click(function(){
   window.location.href("https://www.google.co.in/");
});