用JavaScript實作頁面重定向功能的教學_基礎知識-js教程-PHP中文網

用JavaScript實作頁面重定向功能的教學_基礎知識

WBOY

發布： 2016-05-16 15:56:52

原創

1153 人瀏覽過

頁面重新導向是什麼？

當你點擊一個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>

登入後複製