- From a search engine optimization standpoint, the best way to redirect visitors to a different URL is to use a 302 redirect (temporary) or 301 redirect (permanent). But you can achieve the same effect with JavaScript. The script below redirects the user immediately, by changing document.location:
document.location = "newPage.html";Note: you can use absolute URLs (http://example.org/) or relative paths ("../dir/page.htm").
- To redirect after a delay, use the setTimeout() method - the second argument is in milliseconds:
// Send visitors to a new page after one second:
setTimeout( "document.location='newPage.html'" , 1000 ); - The snippet above leaves the redirecting page in the web browser's history (and creates the problem of infinite redirection). To redirect without keeping the page in history, use the replace() function: hitting the back button would then go to the page just before the one that redirected.
document.location.replace( "newPage.html" ); // Erase redirector from history - To redirect to the secure version of the page (https), use the replace() method:
var secure = document.URL.replace(/^http:/,"https:");
location.replace( secure );Tip: document.URL is a readonly property, use document.location to modify the current URL.
- To redirect with post variables passed to the destination page, programmatically submit a form:
document.getElementById("myForm").submit();Note: if the form has an ID, use getElementById(); otherwise, use getElementsByTagName().
document.getElementsByTagName("form")[0].submit(); // First form on page - Here are seven very useful relative URL shortcuts - well worth memorizing!
document.location = "/" ; // Homepage on current domain / sub-domain
document.location = "/page.htm"; // Different page in root directory
document.location = "./" ; // Current directory's landing page
document.location = "./newPage.html"; // Other page in same directory
document.location = "newPage.html" ; // Same as above
document.location = "../"; // Up one directory, to landing page
document.location = "../newPage.html"; // To another page, up one directory - For a simple PHP redirect, use the header() function: place it before any HTML is sent to the browser to avoid errors like "Warning: Cannot modify header information - headers already sent".
header('location: ../'); // Go up one level
exit; // Stop executing any PHP code left on the page - For a simple ASP.NET redirect, use the Redirect() method (use before any output is sent).
// Pass 'true' as second optional argument to stop executing current page:
Response.Redirect("../", true); // Semi-colon for C#, none for VB
Email AOL Mail Gmail Hotmail Yahoo Mail MS Office Excel 2010 OneNote 2010 Outlook 2010 Word 2010 OS & Devices Kindle Fire Windows 7 Web Dev C# and .NET JavaScript jQuery