DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> HTML基礎知識 >> HTML和Xhtml >> 網頁自動跳轉HTML、PHP、.NET、JSP等代碼大全
網頁自動跳轉HTML、PHP、.NET、JSP等代碼大全
編輯:HTML和Xhtml     

本文通過各種方法為你講解網頁跳轉,總有你需要的,網頁跳轉的好處就不說了(此處省略1w字)。

一、普通HTML頁面的跳轉代碼:
1.
<meta http-equiv="refresh" content="5;URL=http://www.poluoluo.com">

說明:

1、 上面的代碼,放在網頁頭部的“</head>”上面;
2、數字5,是5秒以後自動跳轉,可自己按照需要設置;
3、網址 http://bbs.99su.com,就是自動跳轉到的新的網址。
4.網頁需要加載完畢後才能跳轉。

2.利用 Javascript語言
<script> location="http://www.poluoluo.com";</script>
說明:
本代碼是網頁一打開就直接跳轉到 http://www.poluoluo.com上面去了!


二、PHP跳轉代碼:
<?
//PHP自帶函數,注意: 使用該Header函數時必須網頁未產生任何輸出,此時尤其要注意空格的問題。即必須放在網頁最開始處

Header("Location:http://www.poluoluo.com");
?>

三、 ASP跳轉代碼:
<%
'asp 自帶
Response.Redirect("http://www.poluoluo.com")
%>
自動轉向,也叫自動重定向。自動跳轉,指當訪問用戶登陸到某網站時,自動將用戶轉向其它網頁地址的 一種技術。轉向的網頁地址可以是網站內的其它網頁,也可以是其它網站。通常情況下,浏覽器會收到一個網頁,該頁面含有自動加載一其它網頁的代碼。該頁面有 可能在服務器端被轉換,這樣的話,浏覽器只收到一個頁面,而自動轉向往往意味著浏覽器收到的頁面具有自動將訪問用戶送至其它頁面的功能。


對 自動轉向技術的合理應用包括:將用戶轉向到指定浏覽器的網頁版本;當網站的域名變更或刪除後將人們轉向到新域名下,等等。但現在這種技術卻往往被搜索引擎 優化人士用來作為提高網站的搜索引擎排名的一種手段。例如,先專門針對搜索引擎做一個高度優化的網頁,也就是我們通常所說的“橋頁”,然後把這個網頁提交 給搜索引擎來獲得好的排名。但是,當搜索用戶通過搜索引擎的搜索結果列表點擊該網頁列表進入後,將被自動轉向到一個用戶本來無意去訪問的網站地址。搜索引 擎常常認為自動轉向的網頁是對讀者的誤導,所以它會對這種網頁或網站施以懲戒,不過對一些自動轉向方法它目前還無法自動檢測出來。

Meta Refresh Tag自動轉向法

由於搜索引擎能夠讀取HTML,而Meta tags也是 HTML,所以對於這種自動轉向法,搜索引擎能夠自動檢測出來。因而無論網站的轉向出於什麼目的,都很容易被搜索引擎視做對讀者的誤導而受到懲罰。不過, 如果跳轉延遲時間設置合適,搜索引擎就不會視之為作弊。

頁面定時刷新元標識(Meta Refresh Tag)只能放在HTML代碼的<HEAD>區裡。如下所示:

代碼
CODE:


<meta http-equiv="refresh" content="5" url=http://www.poluoluo.com">
其中的“5”是告訴浏覽器在頁面加載5秒鐘後自動跳轉到 page.htm這個頁面。這種方法常可以在論壇中見到。如果在論壇上發信息,先會看到一個確認頁面,幾秒後會自動重新跳轉回當前的論壇頁面中。

從 搜索引擎優化的角度出發,一般不希望自動轉向有延遲。不過,如果是用Meta Refresh標識進行轉向,一定要注意把延遲時間設定成至少10秒以上。

“javascript” 自動轉向法

由於不能解析javascript,所以搜索引擎無法察覺(自動檢測到)用javascript腳本進行 的自動轉向。javascript自動重定向腳本可以放在網頁的任何位置上,如果要求立即跳轉,則可以將其放入網頁源碼的<head>區內的 最上面。用javascript實現跳轉的范例如下:

方案1:
代碼
CODE:


<script language="javascript">
<!-- 
location.replace("http://www.poluoluo.com");
-->
</script>
用javascript實現自動重定向的好處在於:用戶所訪問的目標 URL不會保留在用戶浏覽器的歷史記錄中,如果用戶按返回按鈕返回,則將回到跳轉前的網頁,而不是包含javascript自動重定向腳本的跳轉頁面,所 以不會出現當用戶點擊返回按鈕後返回至重定向頁,然後該頁自動跳轉到用戶本來想離開的那個頁面的尴尬情形。

如果需要,可以把 javascript自動重定向腳本存在一個外部文件中,並通過下面的命令行來加載,其中“filename.js”是該外部文件的路徑和文件名:

代 碼
<script language="javascript" src="filename.js"></script>


注意:若需實現即刻轉向,或不希望人們看到轉向前 的那個頁面,一般常用javascript腳本實現。在這種情況下應將javascript腳本放入HTML源碼的<HEAD>區中。

表 單(FORM)自動轉向法

搜索引擎的“爬行”程序是不會填寫表單的,所以它們也不會注意到提交表單,因而可以利用表 單來實現自動轉向(重定向)而不讓搜索引擎察覺。
對於表單,人們往往很少意識到:表單的Action參數中包含的URL地址其實正是浏覽器向服 務器所請求的URL。浏覽器將會通過向請求的URL地址增加一些格式為name=value的參數給予它以特殊的對待。在什麼都沒有的情況下,浏覽器仍舊 會為該URL安排請求至服務器。

用javascript腳本可讓頁面開始加載時即提交表單。下面是一個用javascript實現表單自 動提交,以及提交表單的范例:

代碼
CODE:


<script language="javascript"><!--document.myform.submit()
//-->
</script> 
<form name="myform" action="http://www.poluoluo.com" method="get"></form>
很多時候我們需要Web頁具備有自動跳轉功能,例如,論壇中的用戶登錄、發帖及回復或留言簿 中的留言和回復等操作成功後,若用戶沒有任何鼠標點擊操作,過了一定的時間,頁面自動跳轉到預設的頁面。本文討論網頁自動跳轉的幾種實現方法。
方 法一:使用meta標簽meta標簽是html不可或缺的標簽之一,它負責提供文檔的元信息,其參數主要有:
① http-equiv: 與 文檔中數據相關的HTTP文件首部    ② content: 與命名HTTP首部相關的數據    ③ name:  文檔描述    ④ url:  與元信息相聯系的URL當我們定義屬性http-equiv為refresh,打開此Web頁時系統將根據content規定的值在一定時間 內跳轉到相應頁面,content="秒數;url=網址"就是定義了過多長時間跳轉到指定的網址。以下meta標簽告訴系統一秒鐘後頁面自動跳轉到黑馬 在線動力:
<meta http-equiv="refresh" content="1;url=http://www.poluoluo.com/">
以 上代碼需要加在HTTP文檔首部中,介於<head>與</head>之間,通常,meta標簽是緊跟 在<head>之後。若需要有多個meta標簽,它們可以各占一行。
此法通用於任何環境,包含靜態的網站空間。
方法二:使用 header函數header函數是php內置函數中的HTTP相關函數之一,該函數送出HTTP協議標頭到浏覽器。使用它可以重定向URL,即令頁面轉 向其他指定的網頁。以下例子,執行後將自動打開黑馬在線動力首頁:
header("Location: http://www.poluoluo.com/");
必須注意,header函數只能 用在頁面代碼中的<html>標簽之前,亦即,HTTP首部尚未有其他任何標頭(<head>)傳送給浏覽器之前,而且,此前頁 面也不能print或echo任何內容。換句話說,在頁面的<html>出現前,程序只單純地處理header事件。盡管有如此嚴格的要求, 靈活地使用它,仍然可以達成頁面的自動跳轉功能,比如登錄頁面,通過判斷用戶提交的數據是否合法來決定頁面跳轉到何處。以下給出一個簡單的例子:
CODE:

<?php

/* 登錄程序 - 文件名:login.php
程序作用 - 判斷用戶登錄口令 */

if($_POST['Submit']) {
session_start();
if($_POST['pws']=='123') { //若密碼為 123
$_SESSION['passwd']='123'; //寫入會話數據
header("Location:index.php"); //跳轉到正常頁面
}else{
header("Location:login.php"); //跳轉到登錄頁面
}
}

//表單代碼略(也可以 用純html代碼寫表單,若如此,代碼應放在程序之後

?>

<?php

/* 檢測會話數據 - 文件名:index.php
程序作用     - 檢測會話數據中的密碼是否為123,若不是,返回
登錄頁面         */

session_start();
if($_SESSION['passwd']!='123') header("Location:login.php");

//其他代碼(純HTML代碼應寫在程序之後)

?>
此 法顯然只能用於支持php的空間環境。
方法三:使用JavaScriptJS非常靈活,利用它可以做出功能非常強大的程序腳本,這裡僅舉一個簡單 的頁面自動跳轉的JS例子。以下代碼執行後浏覽器將自動轉到黑馬在線動力網站,該代碼可放在頁面中的任何合法的位置:
<script language="javascript" type="text/javascript">    window.location.href("http://www.poluoluo.com");</script>此代碼適用於任何Web環境。若加入 定時器,將更加妙不可言。


方法一:
<meta http-equiv="refresh" content="‘等待時間’;URL=‘跳轉頁面’">
方法二:
這是一個js的應用。
測試代碼:
CODE:


<input type=button value="點擊開始" onClick="t=5">
<span id="view"></span>
<script>
t = -1; // 計數器
setInterval("testTime()",1000); // 啟動1秒定時
function testTime() {
if(t<0) return; // 計數器值小於0,表示尚未開始倒計時
if(t == 0) // 計數器值為0,轉向
location = "http://www.poluoluo.com";
view.innerHTML = "<b>"+t+"</b>"; // 顯示倒計時
t--; // 計數器遞減
}
function offTime() {
if(event.srcElement.value != "點擊開始") { // 若不是倒計時開始
t = -1; // 初始計數器
view.innerHTML = ""; // 清空倒計時
}
}
document.onclick = offTime; // 啟動點擊事件監視

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved