Page Navigation (Redirect) in JavaScript

This guide covers page navigation (redirect) in JavaScript with practical context and easy-to-follow details. Use it to understand the subject and apply the information confidently.

What Is Redirecting the Page?

There are many different reasons why you want to redirect users from the original page. Here are some reasons:

You don't like your domain name and you're trying to switch to a new domain. In this case, you may want to direct all your visitors to the new site. Here, you can maintain the old domain name, but put a single page with a redirected page so that all old domain visitors can reach the new domain.

You have built different pages based on the browser or its name or can be based on different countries, then, instead of using re-page navigation in Server-Side, you can use redirecting the Client-Side page to redirect users to the appropriate page.

Search Engines may have indexed your pages. But while moving to a new domain, you don't want to lose visitors through search engines. So you can use the redirection of the Client-Side page. But keep in mind that this should not be done to deceive Search Engine, it could make your site a banned page.

How Does Page Redirection Work?

The process of Page Redirection is as follows:

Example 1

It is straightforward to implement Page Redirection using JavaScript at Client-Side. To navigate visitors to a new page, you just need to add a line of code in the head area as follows:

 type = "text/javascript" > 

 Click the following button, you will be redirected to home page.  type = "button" value = "Redirect Me" onclick = " Redirect (); " /> 

Example 2

You can display an appropriate message for visitors before navigating them to a new page. This may take a little delay to load the new page. The following example shows how to do the same. Here, SetTimeout () Is an available function in JavaScript that can be used to execute other commands after a given time period.

 type = "text/javascript" > 

Result

Action as above to see results

Example 3

The following example shows how to navigate your visitors to another page based on the browser they use.

 type = "text/javascript" > 

According to Tutorialspoint

Last post: Event (Event) in JavaScript

Next article: Dialogs - Alert, Prompt, Confirmation in JavaScript