HTML網頁自動跳轉的5種方法-html教學-PHP中文網

HTML網頁自動跳轉的5種方法

青灯夜游

發布： 2020-11-10 17:58:42

轉載

34611 人瀏覽過

HTML網頁自動跳轉的5種方法

（推薦教學：html教學）

#在我們進行網站建立時常常會遇到需要進行網頁跳轉的情況，本文就來為大家介紹五種網頁自動跳轉的方法.有一定的參考價值，有需要的朋友可以參考一下，希望對大家有幫助。

網頁自動跳到5種方法：

#第一種網頁自動跳轉方法：meta refresh自動跳轉法

在網頁的head區域的meta refresh標籤中，加入自動跳到程式碼，可實現網頁的立即或延遲自動跳轉。

範例如下：

 <meta http-equiv="refresh" content="10;url= http://xfbbs.com/ ">

登入後複製

上述html程式碼中的「10」是延遲跳躍的時間，單位是秒。如果設為0，就表示立即跳轉。

「 http://xfbbs.com 」是跳轉的目標位址，可以是同一網域下的站內相對路徑，也可以是不同網域的站外位址。

由於搜尋引擎能夠讀取html，所以對於這個自動跳轉方法，搜尋引擎是能夠自動偵測出來的。被視為作弊，則主要看跳轉時間。如果跳轉時間為0，就可能被視為作弊，從而受到懲罰。如果有時間延遲（一般3秒以上），就會被視為正常應用。

第二種網頁自動跳轉方法：body onload自動跳轉法

#在網頁載入時透過onload事件指定parent.location進行自動跳轉。

範例如下：

 <body onload="parent.location=&#39; http://xfbbs.com&#39; ">

登入後複製

這個方法與第一種方法一樣，能夠被搜尋引擎辨識。

第三種網頁自動跳轉方法：javascript自動跳轉法

javascript可以實現網頁的自動跳轉，如果要實現立即跳轉，將跳轉代碼放在網頁的head區域即可。

範例如下：

<script language="javascript"> location.replace(" http://xfbbs.com/yule/tietu/ ") </script>

登入後複製

其中的「 http://xfbbs.com/yule/tietu/ 」是重新導向目標位址。

由於搜尋引擎無法解析javascript，所以搜尋引擎便無法辨識出用javascript腳本進行的自動跳轉。

第四種網頁自動跳轉方法：表單自動跳轉法

#對於表單大家都很熟悉，就是將表單填寫的內容，提交到action在參數中指定的url位址中，目標url再對接收到的資料進行處理。利用這一點，我們可間接的實作網頁跳轉，只不過，我們並不需要提交任何表單內容。再結合javascript腳本，可以自動提交表單。

範例如下：

<form name="form1" action= http://xfbbs.com/index.html method="get"> </form> 
<script language="javascript"> document.form1.submit() </script>

登入後複製

其中form1名稱任意，但二處form1應該統一。

action中的url位址必須以檔案名稱結尾，例如「action= http://xfbbs.com/ 」或「action= http://xfbbs.com /yule 」便是不規範寫法。 method可以是get也可以是post，但根據我的經驗，提交空表單時最好使用get。

眾所周知，由於搜尋引擎的蜘蛛程式是不會填寫表單的，所以搜尋引擎便無法辨識透過此方法實現的網頁自動跳轉。

第五種網頁自動跳轉方法：程式跳轉法（response.redirect 、server.transfer）

每個程式都有各自的頁面跳轉方法，例如asp中使用response.redirect 來進行跳轉。

跳轉範例如下：

response.redirect " http://xfbbs.com "

登入後複製

它的作用是，asp程式執行到該行程式碼後，會立即跳到目標url位址中去。

在asp中，除了使用response.redirect 做跳轉外，還有一個跳轉方法，用server.transfer進行跳轉。

跳轉範例如下：

response.redirect "/yule/tietu/index.html"

登入後複製

注意，這裡的url位址，必須是站內位址，且url位址必須以檔案名稱結尾，例如：response.redirect "/yule /tietu/" 就是錯誤用法。

response.redirect和server.transfer都能實現網頁自動跳轉，但二者也有不同之處，前者可以跳到站內url，也可以跳到站外url，而後者只能跳到站內文件，且瀏覽器網址列的url將保持不變。

server.transfer還有許多好處，這裡不多詳述，大家可在搜尋引擎中找到它的更多資料。使用response.redirect 跳轉雖然是在伺服器端完成跳轉的，但它最終是轉換成html後在客戶端執行的，因此，也能被搜尋引擎識別，過多的使用亦會被當作作弊處理。

如果是在同一網站內部的不同網頁間跳轉，建議使用server.transfer跳轉，server.transfer肯定不會被搜尋引擎視為作弊。

更多程式相關知識，請造訪：程式設計影片！！

以上是HTML網頁自動跳轉的5種方法的詳細內容。更多資訊請關注PHP中文網其他相關文章！

php8，我來也

30分鐘學會網站佈局

尚觀Oracle入門到精通視頻教程

你的第一行UNI-APP程式碼

Flutter 從頭到應用程式啟動

兄弟連新版Linux視頻教程

AXURE 9影片教學（適用於產品經理互動產品設計UI）

零基礎PS影片教學

16天帶你入門UI視頻教程

PS技巧和切片技巧影片教學

阿裡雲環境搭建以及項目上線視頻教程

電腦網路概述－程式設計師必須掌握的基礎知識

程式設計師必備教學——HTTP協定講解

Websocket影片教學

HTML網頁自動跳轉的5種方法