自动转向前端网页的方法

M1.使用meta元素

<meta http-equiv="refresh" content="5;url=hello.html">
http-equiv="refresh" 是刷新页面， 5是指5秒后执行刷新操作，url是跳转的目的页面地址。
<meta http-equiv="refresh" content="5"> 这行代码的意思是只刷新，不跳转。

Meta Refresh Tag自动转向法: 由于搜索引擎能够读取HTML，而Meta tags也是HTML，所以对于这种自动转向法，搜索引擎能够自动检测出来。因而无论网站的转向出于什么目的，都很容易被搜索引擎视做对读者的误导而受到惩罚。不过，如果跳转延迟时间设置合适，搜索引擎就不会视之为作弊。 页面定时刷新元标识(Meta Refresh Tag)只能放在HTML代码的< HEAD>区里。如代码所示： “5”是延时跳转的时间，单位是秒。如果设为0，就表示立即跳转。从搜索引擎优化的角度出发，一般不希望自动转向有延迟。不过，如果是用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