The ES6 page redirect is used to send a request to different website addresses to the user and browser search engine, (search engine and user received different website address to that was requested by the search engine or the user). Redirecting to a different page that was not requested by the user or by the search engine can be on the same server or maybe on a different server. Also, it can be a different website. To redirect into another page that was not requested is done by using the JavaScript latest version of ES6. There are lots of methods that can be used to redirect to another page, all the methods are listed below with the description. Remember one thing that all the methods belong to a single-window return object.
location.replace() Method: This method will replace the current website location to the redirected website location by using the .replace() method.
Syntax:
window.location.replace = "Your redirected link"
location.assign() Method: This method will assign a new location to the redirected website location by using the .assign() method.
Syntax:
window.location.assign = "Your redirected link"
location.reload() Method: This method will reload the current document by using the .reload() method.
Syntax:
window.location.reload = "Your redirected link"
window.navigate() Method: This method can be used in Internet Explorer only all the other browsers remove this method. So it is good to be avoided because other browsers will not support this method. This method is similar to the .location.assign() method. This method assigns a new value that will be navigated by using the .navigate() method.
Syntax:
window.navigate = "Your redirected link"
The below example will illustrate the whole concept of Page redirecting:
Example:
html
<script> function neveropen() { window.location = } </script> <h1 style="color:green;"> neveropen </h1> <input type="button" value="Redirecting Page" onclick="neveropen()"> |
Output:
Note: Add the rel = “canonical” inside the head section of the web page to inform the search engine when you are using the page redirecting method.
<link rel = "canonical" href = "Redirecting Page" />
We have a complete list of Javascript ES6 features, to check those please go through this Introduction to ES6 article.
We have a Cheat Sheet on Javascript where we covered all the important topics of Javascript to check those please go through Javascript Cheat Sheet-A Basic guide to JavaScript.
