快捷導(dǎo)航

網(wǎng)站頁(yè)面自動(dòng)跳轉(zhuǎn)實(shí)現(xiàn)方法PHP、JSP（下）

更新時(shí)間：2010年08月01日 14:44:47 作者：

很多時(shí)候我們需要Web頁(yè)具備有自動(dòng)跳轉(zhuǎn)功能，例如，論壇中的用戶登錄、發(fā)帖及回復(fù)或留言簿中的留言和回復(fù)等操作成功后，若用戶沒(méi)有任何鼠標(biāo)點(diǎn)擊操作，過(guò)了一定的時(shí)間，頁(yè)面自動(dòng)跳轉(zhuǎn)到預(yù)設(shè)的頁(yè)面。

本文討論網(wǎng)頁(yè)自動(dòng)跳轉(zhuǎn)的幾種實(shí)現(xiàn)方法。
方法一：使用meta標(biāo)簽meta標(biāo)簽是html不可或缺的標(biāo)簽之一，它負(fù)責(zé)提供文檔的元信息，其參數(shù)主要有：
① http-equiv：與文檔中數(shù)據(jù)相關(guān)的HTTP文件首部
② content：與命名HTTP首部相關(guān)的數(shù)據(jù)
③ name：文檔描述
④ url：與元信息相聯(lián)系的URL當(dāng)我們定義屬性http-equiv為refresh，打開此Web頁(yè)時(shí)系統(tǒng)將根據(jù)content規(guī)定的值在一定時(shí)間內(nèi)跳轉(zhuǎn)到相應(yīng)頁(yè)面，content="秒數(shù);url=網(wǎng)址"就是定義了過(guò)多長(zhǎng)時(shí)間跳轉(zhuǎn)到指定的網(wǎng)址。以下meta標(biāo)簽告訴系統(tǒng)一秒鐘后頁(yè)面自動(dòng)跳轉(zhuǎn)到黑馬在線動(dòng)力：
<meta http-equiv="refresh" content="1;url=http://m.fzitv.net/">
以上代碼需要加在HTTP文檔首部中，介于<head>與</head>之間，通常，meta標(biāo)簽是緊跟在<head>之后。若需要有多個(gè)meta標(biāo)簽，它們可以各占一行。
此法通用于任何環(huán)境，包含靜態(tài)的網(wǎng)站空間。
方法二：使用header函數(shù)header函數(shù)是php內(nèi)置函數(shù)中的HTTP相關(guān)函數(shù)之一，該函數(shù)送出HTTP協(xié)議標(biāo)頭到瀏覽器。使用它可以重定向URL，即令頁(yè)面轉(zhuǎn)向其他指定的網(wǎng)頁(yè)。以下例子，執(zhí)行后將自動(dòng)打開黑馬在線動(dòng)力首頁(yè)：
header("Location: http://m.fzitv.net/");
必須注意，header函數(shù)只能用在頁(yè)面代碼中的<html>標(biāo)簽之前，亦即，HTTP首部尚未有其他任何標(biāo)頭（<head>）傳送給瀏覽器之前，而且，此前頁(yè)面也不能print或echo任何內(nèi)容。換句話說(shuō)，在頁(yè)面的<html>出現(xiàn)前，程序只單純地處理header事件。盡管有如此嚴(yán)格的要求，靈活地使用它，仍然可以達(dá)成頁(yè)面的自動(dòng)跳轉(zhuǎn)功能，比如登錄頁(yè)面，通過(guò)判斷用戶提交的數(shù)據(jù)是否合法來(lái)決定頁(yè)面跳轉(zhuǎn)到何處。以下給出一個(gè)簡(jiǎn)單的例子：

復(fù)制代碼代碼如下:

 
<?php 
/* 登錄程序 - 文件名：login.php 
程序作用 - 判斷用戶登錄口令 */ 
if(＄_POST['Submit']) { 
session_start(); 
if(＄_POST['pws']=='123') { //若密碼為 123 
＄_SESSION['passwd']='123'; //寫入會(huì)話數(shù)據(jù) 
header("Location:index.php"); //跳轉(zhuǎn)到正常頁(yè)面 
}else{ 
header("Location:login.php"); //跳轉(zhuǎn)到登錄頁(yè)面 
} 
} 
//表單代碼略（也可以用純html代碼寫表單，若如此，代碼應(yīng)放在程序之后 
?> 
<?php 
/* 檢測(cè)會(huì)話數(shù)據(jù) - 文件名：index.php 
程序作用 - 檢測(cè)會(huì)話數(shù)據(jù)中的密碼是否為123，若不是，返回 
登錄頁(yè)面 */ 
session_start(); 
if(＄_SESSION['passwd']!='123') header("Location:login.php"); 
//其他代碼（純HTML代碼應(yīng)寫在程序之后） 
?> 

此法顯然只能用于支持php的空間環(huán)境。
方法三：使用JavaScriptJS非常靈活，利用它可以做出功能非常強(qiáng)大的程序腳本，這里僅舉一個(gè)簡(jiǎn)單的頁(yè)面自動(dòng)跳轉(zhuǎn)的JS例子。以下代碼執(zhí)行后瀏覽器將自動(dòng)轉(zhuǎn)到黑馬在線動(dòng)力網(wǎng)站，該代碼可放在頁(yè)面中的任何合法的位置：
<script language="javascript" type="text/javascript"> window.location.href("http://m.fzitv.net");</script>此代碼適用于任何Web環(huán)境。若加入定時(shí)器，將更加妙不可言。

經(jīng)常遇到頁(yè)面自動(dòng)跳轉(zhuǎn)的問(wèn)題例如在有些網(wǎng)站需要在退出登錄時(shí)出現(xiàn)一個(gè)提示頁(yè)面
什么你正在退出只類客套話，有的還要作個(gè)倒記時(shí)
方法一：
<meta http-equiv="refresh" content="‘等待時(shí)間';URL=‘跳轉(zhuǎn)頁(yè)面'">
方法二：
這是一個(gè)js的應(yīng)用。
測(cè)試代碼：

復(fù)制代碼代碼如下:

 
<input type=button value="點(diǎn)擊開始" onClick="t=5"> 
<span id="view"></span> 
<script> 
t = -1; // 計(jì)數(shù)器 
setInterval("testTime()",1000); // 啟動(dòng)1秒定時(shí) 
function testTime() { 
if(t<0) return; // 計(jì)數(shù)器值小于0，表示尚未開始倒計(jì)時(shí) 
if(t == 0) // 計(jì)數(shù)器值為0，轉(zhuǎn)向 
location = "http://m.fzitv.net"; 
view.innerHTML = "<b>"+t+"</b>"; // 顯示倒計(jì)時(shí) 
t--; // 計(jì)數(shù)器遞減 
} 
function offTime() { 
if(event.srcElement.value != "點(diǎn)擊開始") { // 若不是倒計(jì)時(shí)開始 
t = -1; // 初始計(jì)數(shù)器 
view.innerHTML = ""; // 清空倒計(jì)時(shí) 
} 
} 
document.onclick = offTime; // 啟動(dòng)點(diǎn)擊事件監(jiān)視 
</script> 