Javascript Redirect

To redirect using Javascript:

location.replace("http://google.com");

-We use Javascript's built-in location object.
-We use Javascript's built-in replace method.
-In quotation marks and parenthesis, we type the URL we want to load in the browser.


You may have seen different Javascript redirects like:

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

The advantage our first example (location.replace) is that users can still back up in their browser*. The latter two examples break the back button on Windows IE. Users cannot leave the page by clicking it. Many search engines don't like this behaviour.

Another consideration is that search engines may not like a javascript redirect no matter how we do it. Here's a simple perl solution:

#!/usr/bin/perl

print "Location: http://google.com\n\n";

iLoveTheCode Perl Redirect Article.


*The technical reason location.replace doesn't break the back button is because the in-between page doesn't get written to the browser's History, therefore, a click back skips the redirecting page. The other two redirect options DO write to the browser's History.


Free Copy and Paste Javascript Code:

<script type="text/javascript">
<!--

location.replace("http://google.com");
//window.location.href="http://google.com"; Commented out //
//window.location="http://google.com"; Commented out //

-->
</script>


Resources:
A nice offsite Redirect tutorial
Sun Documentation of LOCATION object

Italic Text in Javascript
Bold Text in Javascript
Status Bar in Javascript
Change Fonts in Javascript
Change Font Size in Javascript

HTML Tags
HTML Color Chart
HTML Codes


Click HERE to comment or discuss at iLoveTheCode GOOGLE Group

Previous Article: Javascript Status Bar

Next Article: Javascript Bold Text

CSS David McFarland New $23.09	Bulletproof Web Design Dan Cederholm New $26.39	CSS Mastery Andy Budd, Simon C... New $23.09
Struts 2 in Action Don Brown, Chad Da... New $29.69	Head First HTML with CSS & XHTML Eric Freeman, Elis... New $26.39	jQuery in Action Bear Bibeault, Yeh... New $26.39
Learning Web Design Jennifer Niederst ... New $29.69	Dreamweaver CS3 David McFarland New $29.69	HTML, XHTML, and CSS, Sixth Edition ... Elizabeth Castro New $23.09

Privacy Information