JavaScript頁面重定向


頁面重定向是什麼?

當你點選一個URL來存取一個網頁X,但在內部你被定向到另一頁Y,僅僅是因為頁面重定向。這一概念是從不同於 JavaScript 頁面重新整理 。

可能有各種原因,為什麼想從原來的頁面重定向。下面列出的幾個原因:

  • 如果不喜歡你的域名,可以重定向到一個新的。同時,要引導所有存取者到新網站。在這種情況下,可以保持舊的域名,但放在一個頁面到一個頁面重定向使所有的舊域名遊客可以來到新的域名。

  • 基於瀏覽器的版本,或者名字不同的頁面,也可以根據不同的國家,而不是用伺服器端網頁重定向,可以使用用戶端頁面重定向到登陸使用者在相應的頁面。

  • 搜尋引擎可能已經收錄新頁面。不過,在移動到另一個域名,那麼不喜歡失去訪客通過搜尋引擎來了。所以,可以使用用戶端頁面的重定向。但請記住,這不應該做的,使搜尋引擎傻瓜,否則,這可能讓網站被取締。

頁面重新方向如何工作 ?

範例1:

這使用JavaScript在用戶端頁面的重定向是非常簡單的。網站存取者重定向到一個新的頁面,只需要新增在head部分加入一行如下:

<head>
<script type="text/javascript">
<!--
   window.location="http://www.newlocation.com";
//-->
</script>
</head>

範例 2:

可以將其重定向到一個新的頁面之前顯示相應的資訊給網站訪客。這將需要一個位時間延遲載入新頁。以下是簡單的例子來實現相同的:

<head>
<script type="text/javascript">
<!--
function Redirect()
{
    window.location="http://www.newlocation.com";
}

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//-->
</script>
</head>

這裡的 setTimeout()是一個內建的JavaScript函式,可用於給定的時間間隔之後執行另一個函式。

範例3:

以下是例子重定向基於其瀏覽器不同的網頁存取者:

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