用戶端重新導向小結

你不能在所有情況下都運用伺服器端重新導向。至少在兩種情況下你需要運用用戶端重新導向：

· 當你想延遲重新導向時，你必須運用用戶端重新導向。伺服器端重新導向是立即出現的，因此，舉例來說，你就不能用伺服器端重新導向技術來建立一個閃屏（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>