【原】前端教程：JavaScript頁(yè)面重定向

碼農(nóng)9527 2021-08-26

展開(kāi)全文

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

可能有各種原因，為什么想從原來(lái)的頁(yè)面重定向。下面列出的幾個(gè)原因：

如果不喜歡你的域名，可以重定向到一個(gè)新的。同時(shí)，要引導(dǎo)所有訪問(wèn)者到新網(wǎng)站。在這種情況下，可以保持舊的域名，但放在一個(gè)頁(yè)面到一個(gè)頁(yè)面重定向使所有的舊域名游客可以來(lái)到新的域名。

基于瀏覽器的版本，或者名字不同的頁(yè)面，也可以根據(jù)不同的國(guó)家，而不是用服務(wù)器端網(wǎng)頁(yè)重定向，可以使用客戶端頁(yè)面重定向到登陸用戶在相應(yīng)的頁(yè)面。

搜索引擎可能已經(jīng)收錄新頁(yè)面。不過(guò)，在移動(dòng)到另一個(gè)域名，那么不喜歡失去訪客通過(guò)搜索引擎來(lái)了。所以，可以使用客戶端頁(yè)面的重定向。但請(qǐng)記住，這不應(yīng)該做的，使搜索引擎傻瓜，否則，這可能讓網(wǎng)站被取締。

頁(yè)面重新方向如何工作 ?

示例1:

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

<head><script type="text/javascript"><!--
   window.location="http://www.";
//--></script>
</head>123456789復(fù)制代碼類型：[javascript]

示例 2:

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

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

document.write("You will be redirected to main page in 10 sec.");
setTimeout('Redirect()', 10000);
//--></script>
</head>12345678910111213復(fù)制代碼類型：[javascript]

這里的 setTimeout()是一個(gè)內(nèi)置的JavaScript函數(shù)，可用于給定的時(shí)間間隔之后執(zhí)行另一個(gè)函數(shù)。

示例3:

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

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