JavaScript 頁面重定向

頁面重定向

什么是頁面重定向？

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

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

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

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

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

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

例子 1

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

window.location="http://www.o2fo.com";

例子 2

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

function Redirect(){
    window.location="http://www.o2fo.com";
}
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è)基于用戶的瀏覽器跳重定向網(wǎng)頁到不同的網(wǎng)頁的例子：

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";
}