Page Redirect

优质

小牛编辑

133浏览

2023-12-01

什么是页面重定向？

您可能遇到过这样的情况:您单击了一个URL以到达页面X，但在内部您被定向到另一个页面Y.它是由于page redirection而发生的。这个概念与JavaScript页面刷新不同。

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

您不喜欢您的域名，而您正在转向新域名。在这种情况下，您可能希望将所有访问者定向到新网站。在这里，您可以维护旧域，但只需将页面重定向放在一个页面中，以便所有旧域访问者都可以访问新域。
您已根据浏览器版本或其名称构建了各种页面，或者可能基于不同的国家/地区，而不是使用服务器端页面重定向，您可以使用客户端页面重定向将用户置于相应的页面上。
搜索引擎可能已经为您的网页编制了索引。但是在转移到另一个域时，您不希望通过搜索引擎丢失访问者。因此，您可以使用客户端页面重定向。但请记住，不应该欺骗搜索引擎，它可能导致您的网站被禁止。

页面重定向如何工作？

页面重定向的实现如下。

例子1 (Example 1)

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

<html>
   <head>
      <script type="text/javascript">
         <!--
            function Redirect() {
               window.location="http://www.xnip.cn";
            }
         //-->
      </script>
   </head>
   <body>
      <p>Click the following button, you will be redirected to home page.</p>
      <form>
         <input type="button" value="Redirect Me" onclick="Redirect();" />
      </form>
   </body>
</html>

例子2 (Example 2)

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

<html>
   <head>
      <script type="text/javascript">
         <!--
            function Redirect() {
               window.location="http://www.xnip.cn";
            }
            document.write("You will be redirected to main page in 10 sec.");
            setTimeout('Redirect()', 10000);
         //-->
      </script>
   </head>
   <body>
   </body>
</html>

You will be redirected to xnip.cn main page in 10 seconds!

例子3 (Example 3)

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

<html>
   <head>
      <script type="text/javascript">
         <!--
            var browsername=navigator.appName;
            if( browsername == "Netscape" )
            {
               window.location="http://www.location.com/ns.htm";
            }
            else if ( browsername =="Microsoft Internet Explorer")
            {
               window.location="http://www.location.com/ie.htm";
            }
            else
            {
               window.location="http://www.location.com/other.htm";
            }
         //-->
      </script>
   </head>
   <body>
   </body>
</html>