JavaScript - 页面重定向

什么是页面重定向？

当你点击一个 URL 会跳转到页面 X，但是在一个页面内部点击会直接跳转到另外一个页面 Y，这里能够跳转的原因是因为页面重定向。这个是与 JavaScript 页面刷新是有区别的。

这里有许多原因可以解释为什么想要从原始页面进行重定向。例举了如下几个原因：

  • 你不喜欢你现在的域名，并且你想要使用一个新的域名。有时你想将你的所有的访问者转向到你的新的网站。在这种情况下，你可以继续维护你旧的域名，同时增加单独的一页用来进行重定向，这样你的所有旧域名的访问者就可以转到新的域名。

  • 你已经基于浏览器的版本构建了各种网页或者他们的名称在不同的国家不同，你可以客户端网页让用户重定向到合适的网页，而不是在服务器端进行网页的跳转。

  • 搜索引擎可能已经对你的网页建立了索引。但是当你网站迁移到另外一个域名时，你不想丢失通过搜索引擎访问你网站的用户。此时你可以使用客户端网页重定向。但是请记住，不要利用这种方式欺骗搜索引擎，否则你的网站会被禁止访问。

网页重定向如何工作的？

例子 1：

利用 JavaScript 在客户端进行重定向是非常简单的。为了重定向你网站的访问者，你仅仅只需要在网页代码的头部中添加一行代码，如下：

  2. <head>
  3. <script type="text/javascript">
  4. <!--
  5.    window.location="http://www.newlocation.com";
  6. //-->
  7. </script>
  8. </head>

为了更好的理解此处内容，你可自己尝试一下。

例子 2：

在重定向到一个新的网页之前，你可以给访问者显示一些合适的提示信息。虽然这样可能稍微需要一点的额外加载时间。下面是一个简单的例子来实现那个功能：

  1. <head>
  2. <script type="text/javascript">
  3. <!--
  4. function Redirect()
  5. {
  6.     window.location="http://www.newlocation.com";
  7. }
  9. document.write("You will be redirected to main page in 10 sec.");
  10. setTimeout('Redirect()', 10000);
  11. //-->
  12. </script>
  13. </head>

这里的 setTimeout() 是 JavaScript 内置的函数，它可以在给定的时间之后执行另外一个函数。

为了更好的此处内容，你可以自己尝试一下。

例子 3：

下面是一个基于用户的浏览器跳重定向网页到不同的网页的例子：

  1. <head>
  2. <script type="text/javascript">
  3. <!--
  4. var browsername=navigator.appName; 
  5. if( browsername == "Netscape" )
  6. { 
  7.    window.location="http://www.location.com/ns.htm";
  8. }
  9. else if ( browsername =="Microsoft Internet Explorer")
  10. {
  11.    window.location="http://www.location.com/ie.htm";
  12. }
  13. else
  14. {
  15.   window.location="http://www.location.com/other.htm";
  16. }
  17. //-->
  18. </script>
  19. </head>