📌  相关文章
📜  JavaScript-页面重定向

📅  最后修改于: 2020-12-18 04:59:31             🧑  作者: Mango


什么是页面重定向?

您可能会遇到以下情况:单击URL到达页面X,但在内部将您定向到另一个页面Y。这是由于页面重定向而发生的。这个概念与JavaScript Page Refresh不同。

您想从原始页面重定向用户的原因可能有多种。我们列出了一些原因-

  • 您不喜欢您的域名,而您正在使用一个新域名。在这种情况下,您可能需要将所有访问者定向到新站点。在这里,您可以维护您的旧域,但可以放置一个页面重定向页面,以便所有旧域访问者都可以访问您的新域。

  • 您已经建立了基于浏览器版本或名称或可能基于不同国家/地区的各种页面,然后可以使用客户端页面重定向来将用户放置在适当的页面上,而不是使用服务器端页面重定向。

  • 搜索引擎可能已将您的页面编入索引。但是,当您转移到另一个域时,您不会希望失去来自搜索引擎的访问者。因此,您可以使用客户端页面重定向。但是请记住,不应该这样做来欺骗搜索引擎,否则可能会导致您的网站被禁止。

页面重定向如何工作?

页面重定向的实现如下。

例子1

在客户端使用JavaScript进行页面重定向非常简单。要将您的网站访问者重定向到新页面,只需在标题部分添加一行,如下所示。


   
   
   
      

Click the following button, you will be redirected to home page.

输出

例子2

您可以在将网站访问者重定向到新页面之前向其显示适当的消息。这将需要一点时间延迟才能加载新页面。以下示例显示了如何实现相同的功能。 setTimeout()是内置的JavaScript函数,可用于在给定的时间间隔后执行另一个函数。


   
   
   
   

输出

You will be redirected to tutorialspoint.com main page in 10 seconds!

例子3

以下示例显示了如何根据访问者的浏览器将网站访问者重定向到其他页面。