用JavaScript實現(xiàn)頁面重定向功能的教程

更新時間：2015年06月04日 11:08:43 投稿：goldensun

這篇文章主要介紹了用JavaScript實現(xiàn)頁面重定向功能的教程,是JS入門學習中的基礎知識,需要的朋友可以參考下

頁面重定向是什么？

當你點擊一個URL來訪問一個網(wǎng)頁X，但在內(nèi)部你被定向到另一頁Y，僅僅是因為頁面重定向。這一概念是從不同于JavaScript 頁面刷新。

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

如果不喜歡你的域名，可以重定向到一個新的。同時，要引導所有訪問者到新網(wǎng)站。在這種情況下，可以保持舊的域名，但放在一個頁面到一個頁面重定向使所有的舊域名游客可以來到新的域名。
基于瀏覽器的版本，或者名字不同的頁面，也可以根據(jù)不同的國家，而不是用服務器端網(wǎng)頁重定向，可以使用客戶端頁面重定向到登陸用戶在相應的頁面。
搜索引擎可能已經(jīng)收錄新頁面。不過，在移動到另一個域名，那么不喜歡失去訪客通過搜索引擎來了。所以，可以使用客戶端頁面的重定向。但請記住，這不應該做的，使搜索引擎傻瓜，否則，這可能讓網(wǎng)站被取締。

頁面重新方向如何工作 ?
示例1:

這使用JavaScript在客戶端頁面的重定向是非常簡單的。網(wǎng)站訪問者重定向到一個新的頁面，只需要添加在head部分加入一行如下：

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

示例 2:

可以將其重定向到一個新的頁面之前顯示相應的信息給網(wǎng)站訪客。這將需要一個位時間延遲加載新頁。以下是簡單的例子來實現(xiàn)相同的：

<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()是一個內(nèi)置的JavaScript函數(shù)，可用于給定的時間間隔之后執(zhí)行另一個函數(shù)。
示例3:

以下是例子重定向基于其瀏覽器不同的網(wǎng)頁訪問者：

<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>

您可能感興趣的文章: