JavaScript重定向

重定向不过是一种将搜索引擎和用户发送到与原始URL不同的URL的机制。重定向的页面可以在同一服务器上，也可以在其他服务器上。它也可以在同一网站或不同网站上。有时，当我们单击一个URL时，我们会定向到另一个URL。发生这种情况是由于页面重定向。它与刷新页面不同。

通常，搜索引擎不会分析JavaScript来检查重定向。因此，如果需要将URL转发通知搜索引擎(SEO)，我们需要在网页的头部添加rel =“ canonical”标签。

有几种用于执行页面重定向的方法，但是location.href和location.replace()被广泛使用。页面重定向在JavaScript中很容易。

window.location和window.location.href

window.location对象是window对象的属性。有几种方法可以重定向网页。几乎所有方法都与window.location对象有关。

它可用于获取当前URL的地址或网址。可以在不添加窗口前缀的情况下编写window.location对象。

location.replace()

它是常用的window.location对象之一。它用于用新文档替换原始文档。

在这种方法中，我们可以传递一个新的URL，然后它将执行HTTP重定向。它不同于href，因为它从文档的历史记录中删除当前文档，因此无法导航回原始文档。

句法

window.location.replace("new URL"); 

现在，让我们通过一些示例来了解页面重定向。

例1

这是客户端上页面重定向的一个简单示例。要重定向页面，我们只需要在脚本部分中编写一条语句即可。

在此示例中，有一个按钮可将访问者重定向到“ javaTpoint.com”。我们必须单击该按钮以导航相应的链接。

 This is an example of the page redirection 
 Click the following button to see the effect. 

输出量

执行完上述代码后，输出将为-

点击给定的按钮后，输出将是-

例2

在此示例中，我们使用setTimeout()方法，该方法将用户自动重定向到适当的链接。加载新页面需要一些时间。在给定的时间间隔后，setTimeout()方法将执行另一个函数。

 After 5 seconds, you will redirected to another page. 
 Wait for 5 seconds to see the effect. 

输出量

执行完上述代码后，输出将为-

在五秒钟的间隔后，输出将是-

例子3

在此示例中，我们使用replace()方法进行页面重定向。 replace()方法将用新文档替换当前文档。

在这里，有一个HTML按钮可以单击以用新的按钮替换文档。

 Example of redirecting a page using replace() 
 Using the replace() the currct document will replace with new one. 
 Click the following button to see the effect. 
 Replace 

输出量

执行完上述代码后，输出将为-

点击给定的按钮后，输出将是-

如果我们尝试使用相同的位置再次打开前一个文档，则会看到它将被新文档替换。