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實現<big>無延遲</big>自動重定向的好處在于:用戶所訪問的目標URL不會保留在用戶瀏覽器的歷史記錄中,如果用戶按返回按鈕返回,則將回到跳轉前的網頁,而不是包含javascript自動重定向腳本的跳轉頁面,所以不會出現當用戶點擊返回按鈕后返回至重定向頁,然后該頁自動跳轉到用戶本來想離開的那個頁面的尷尬情形。
倒數計數再跳轉:
<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