M1.使用meta元素
<meta http-equiv="refresh" content="5;url=hello.html">
http-equiv="refresh" 是刷新頁面栗恩, 5是指5秒后執(zhí)行刷新操作,url是跳轉的目的頁面地址盆赤。
<meta http-equiv="refresh" content="5">
這行代碼的意思是只刷新蒿囤,不跳轉客们。
Meta Refresh Tag自動轉向法: 由于搜索引擎能夠讀取HTML,而Meta tags也是HTML材诽,所以對于這種自動轉向法底挫,搜索引擎能夠自動檢測出來。因而無論網站的轉向出于什么目的脸侥,都很容易被搜索引擎視做對讀者的誤導而受到懲罰建邓。不過,如果跳轉延遲時間設置合適湿痢,搜索引擎就不會視之為作弊涝缝。 頁面定時刷新元標識(Meta Refresh Tag)只能放在HTML代碼的< HEAD>區(qū)里。如代碼所示: “5”是延時跳轉的時間譬重,單位是秒。如果設為0罐氨,就表示立即跳轉臀规。從搜索引擎優(yōu)化的角度出發(fā),一般不希望自動轉向有延遲栅隐。不過塔嬉,如果是用Meta Refresh標識進行轉向,一定要注意把延遲時間設定成至少10秒以上租悄。
M2.使用script代碼
window.location.href = 'hello.html';
立即跳轉到hello.html頁面谨究。
setTimeout("window.location.href = 'hello.html'", 5000);
5秒后跳轉到hello.html頁面。
用javascript實現(xiàn)<big>無延遲</big>自動重定向的好處在于:用戶所訪問的目標URL不會保留在用戶瀏覽器的歷史記錄中泣棋,如果用戶按返回按鈕返回胶哲,則將回到跳轉前的網頁,而不是包含javascript自動重定向腳本的跳轉頁面潭辈,所以不會出現(xiàn)當用戶點擊返回按鈕后返回至重定向頁鸯屿,然后該頁自動跳轉到用戶本來想離開的那個頁面的尷尬情形。
倒數計數再跳轉:
<span id="totalTime">5</span>
<script type="text/javascript"> //M4 倒數計時跳轉 var totalTime = document.getElementById('totalTime'); var second = totalTime.textContent; //totalTime.innerText; setInterval('redirect()', 1000); function redirect(){ if(second <= 0){ location.href = 'hello.html'; } totalTime.innerText = --second; } </script>
在當前頁面倒數5個數后把敢,頁面跳轉到hello.html寄摆。
M3.使用form表單
<form action="hello.html" method="get" name="myform"></form>
<script type="text/javascript"> document.myform.submit(); </script>
會立馬跳轉到hello.html