jQuery Redirect Web Page

Sam Deering
Tweet

Ok so for some reason you want to use JavaScript to redirect a web page. You can use either jQuery or plain JavaScript to do the job. Probably the latter if it’s an instant redirect required.

Redirect Using plain JavaScript

jQuery is not necessary, and window.location.replace(…) will best simulate an HTTP redirect.

// simulates similar behavior as an HTTP redirect
window.location.replace("http://jquery4u.com");

// simulates similar behavior as clicking on a link
window.location.href = "http://jquery4u.com";

Redirect Using jQuery

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

It is better than using window.location.href =, because replace() does not put the originating page in the session history, meaning the user won’t get stuck in a never-ending back-button fiasco. If you want to simulate someone clicking on a link, use location.href (works for every browser). If you want to simulate an HTTP redirect, use location.replace.

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.