客户端重定向

你不能在所有情况下都运用服务器端重定向。至少在两种情况下你需要运用客户端重定向:

· 当你想延迟重定向时,你必须运用客户端重定向。服务器端重定向是立即出现的,因此,举例来说,你就不能用服务器端重定向技术来创建一个闪屏(splash screen)。
· 如果你没有运用诸如servlets或JSP的服务器端处理技术,那么你只能用客户端重定向来引导你的网站访问者。

关于客户端重定向,你可以用Refresh metatag或JavaScript。下面我分别讲述这两种方法。

运用Refresh Metatag
Metatags比JavaScript容易。在一个页面已经显示了一段时间后,你可以用它们来把用户从这个页面引导开:

<META HTTP-EQUIV="Refresh" 
CONTENT="t;URL=differentURL"> 

t是在重定向前,浏览器将等待的秒数。

例如,下面的脚本在页面显示了三秒后,将浏览器重定向到http://www.brainysoftware.com。

<HTML>
<HEAD>
<TITLE>Client side redirection using the 
meta tag </TITLE>
<META HTTP-EQUIV="Refresh" 
CONTENT="3;URL=http://www.brainysoftware.com"> 
</HEAD>
<BODY>
You will be redirected in 3 seconds. For now, 
relax and enjoy.
</BODY>
</HTML>

当t=0时,不会出现延迟。

该技术可以用于Netscape Navigator 3及更高版本,Internet Explorer 4及更高版本。

运用JavaScript
在运用metatag时,你的局限性很大,因为一些老的浏览器读不懂它。如果你担心这个问题,那么你可以用JavaScript。然而,如果用户浏览器不支持JavaScript,你还是会有问题。

要用JavaScript进行客户端重定向,运用定位对象(location object):

<SCRIPT LANGUAGE="JavaScript">
location=differentURL
</SCRIPT>

differentURL是浏览器被重新定向到的新的URL。下面的例子显示如何运用定位对象来重定向:

<HTML>
<HEAD>
<TITLE>Client-side redirection using 
JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
location='http://www.brainysoftware.com';
</SCRIPT>
</HEAD>
<BODY>
You will be redirected to another page. For now, 
enjoy and relax.
</BODY>
</HTML>

同运用metatags一样,你可以用JavaScript来延迟重定向。运用setTimeout方法来实现这一点:

setTimeout("location='differentURL'", t);

t是用户被重定向到differentURL前的毫秒数。

下面的代码在5秒后将用户重定向到www.brainysoftware.com:

<HTML>
<HEAD>
<TITLE>Client-side redirection using 
JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
  setTimeout("location=
  'http://www.brainysoftware.com'", 5000);
</SCRIPT>
</HEAD>
<BODY>
Hello, you will be redirected in 5 seconds. Start 
counting now...
</BODY>
</HTML>

该技术可以用于Netscape Navigator 2及更高版本,Internet Explorer 3及更高版本。

预见不成功的重定向
每种技术都有缺点。metatags不能用于老的浏览器,如果浏览器不支持JavaScript,那么JavaScript就不能用。

所以在重定向用户时,你常常要预料到失败的情况。当自动的重定向失败时,用户必须点击一个链接,使他或她可以进入期望的地址。所以需要常发送这个链接,如下例所示:

<HTML>
<HEAD>
<TITLE>When redirection fails . . .
</TITLE>
<SCRIPT LANGUAGE="JavaScript">
  setTimeout("location=
  'http://www.brainysoftware.com'", 5000);
</SCRIPT>
</HEAD>
<BODY>
Click <A HREF="RedirectionURL">here</A> if you do 
not get redirected in 5 seconds.
</BODY>
</HTML>

你可能感兴趣的:(客户端重定向)