JavaScript 頁面重定向

頁面重定向

什么是頁面重定向？

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

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

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

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

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

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

例子 1

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

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

例子 2

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

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ù)，它可以在給定的時間之后執(zhí)行另外一個函數(shù)。

例子 3

下面是一個基于用戶的瀏覽器跳重定向網(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";
}