客户端重定向小结

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

· 当你想延迟重定向时,你必须运用客户端重定向。服务器端重定向是立即出现的,因此,举例来说,你就不能用服务器端重定向技术来创建一个闪屏(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>
            
原文地址:https://www.cnblogs.com/jes_shaw/p/1951569.html