JavaScript 頁(yè)面重定向

頁(yè)面重定向

什么是頁(yè)面重定向？

當(dāng)你點(diǎn)擊一個(gè) URL 會(huì)跳轉(zhuǎn)到頁(yè)面 X，但是在一個(gè)頁(yè)面內(nèi)部點(diǎn)擊會(huì)直接跳轉(zhuǎn)到另外一個(gè)頁(yè)面 Y，這里能夠跳轉(zhuǎn)的原因是因?yàn)轫?yè)面重定向。這個(gè)是與 JavaScript 頁(yè)面刷新是有區(qū)別的。

這里有許多原因可以解釋為什么想要從原始頁(yè)面進(jìn)行重定向。例舉了如下幾個(gè)原因：

• 你不喜歡你現(xiàn)在的域名，并且你想要使用一個(gè)新的域名。有時(shí)你想將你的所有的訪(fǎng)問(wèn)者轉(zhuǎn)向到你的新的網(wǎng)站。在這種情況下，你可以繼續(xù)維護(hù)你舊的域名，同時(shí)增加單獨(dú)的一頁(yè)用來(lái)進(jìn)行重定向，這樣你的所有舊域名的訪(fǎng)問(wèn)者就可以轉(zhuǎn)到新的域名。

• 你已經(jīng)基于瀏覽器的版本構(gòu)建了各種網(wǎng)頁(yè)或者他們的名稱(chēng)在不同的國(guó)家不同，你可以客戶(hù)端網(wǎng)頁(yè)讓用戶(hù)重定向到合適的網(wǎng)頁(yè)，而不是在服務(wù)器端進(jìn)行網(wǎng)頁(yè)的跳轉(zhuǎn)。

• 搜索引擎可能已經(jīng)對(duì)你的網(wǎng)頁(yè)建立了索引。但是當(dāng)你網(wǎng)站遷移到另外一個(gè)域名時(shí)，你不想丟失通過(guò)搜索引擎訪(fǎng)問(wèn)你網(wǎng)站的用戶(hù)。此時(shí)你可以使用客戶(hù)端網(wǎng)頁(yè)重定向。但是請(qǐng)記住，不要利用這種方式欺騙搜索引擎，否則你的網(wǎng)站會(huì)被禁止訪(fǎng)問(wèn)。

網(wǎng)頁(yè)重定向如何工作的？

例子 1

利用 JavaScript 在客戶(hù)端進(jìn)行重定向是非常簡(jiǎn)單的。為了重定向你網(wǎng)站的訪(fǎng)問(wèn)者，你僅僅只需要在網(wǎng)頁(yè)代碼的頭部中添加一行代碼，如下：

window.location="http://m.hgci.cn";

例子 2

在重定向到一個(gè)新的網(wǎng)頁(yè)之前，你可以給訪(fǎng)問(wèn)者顯示一些合適的提示信息。雖然這樣可能稍微需要一點(diǎn)的額外加載時(shí)間。下面是一個(gè)簡(jiǎn)單的例子來(lái)實(shí)現(xiàn)那個(gè)功能：

function Redirect(){
    window.location="http://m.hgci.cn";
}
document.write("You will be redirected to main page in 5 sec.");
setTimeout('Redirect()', 5000);

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

例子 3

下面是一個(gè)基于用戶(hù)的瀏覽器跳重定向網(wǎng)頁(yè)到不同的網(wǎng)頁(yè)的例子：

var browsername=navigator.appName; 
if( browsername == "Netscape" ){ 
    window.location="https://www.baidu.com";
}
else if( browsername =="Microsoft Internet Explorer"){
    window.location="http://www.location.com/ie.htm";
}
else{
   window.location="http://www.location.com/other.htm";
}