JavaScript/JQuery : Redirect page examples

Notes for future references on how to redirect pages with JavaScript or JQuery. Sometimes, the simplest task is the hardest to remember :(

To simulate a HTTP redirect use replace :

 window.location.replace("http://socketloop.com");

To simulate a click on a link to redirect, use href :

 window.location.href = "http://socketloop.com";
 document.location.href = 'http://socketloop.com';

To handle redirect based on referrer, first check if the referrer.indexOf and redirect based on the condition :

 // redirect back to main page URL if the referrer is from search engine or
 // someone types the domain in directly
 if(document.referrer.indexOf('socketloop.com') >= 0) {
 history.go(-1);
 }
 else {
 window.location.href = 'socketloop.com/welcome'; 
 }

To go back with checking referrer.indexOf, use :

 window.history.back()
 window.history.go(-1)

JavaScript should be sufficient, but no harm to learn the JQuery equivalents :

 $(location).attr('href','http://www.socketloop.com')
 $(window).attr('location','http://www.socketloop.com')