有时我们要对网页做跳转，让用户打开该页面后马上或是在一定的时间内跳转到另外一个页面，下面小编分享网页自动跳转代码给大家。

动跳转代码方案一，用里直接写刷新语句：

如下语句，红色甩部分改成自己的网页地址就好了。蓝色部分为跳转时间 下面是5秒，可以改成自己需要的时间，0表示不等待。

< head>

< meta http-equiv="Content-Language" content="zh-CN">

< meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

< meta http-equiv="refresh" content="5;url=http://www.winwin7.com">

< title>html网页自动跳转代码--西农大网站

< /head>

< body>

测试：html网页自动跳转代码

这里可以写一些文字，在跳转之前可以显示给用户！

< /html>

自动动跳转代码方案二，用JavaScript脚本来跳转

2) javascript的实现

// 以下方式直接跳转

window.location.href='hello.html';

// 以下方式定时跳转

setTimeout("javascript：location.href='http://www.winwin7.com'", 5000);

优点：灵活，可以结合更多的其他功能

缺点：受到不同浏览器的影响

3) 结合了倒数的javascript实现（IE）

var second = totalSecond.innerText;

setInterval("redirect()", 1000);

function redirect(){

totalSecond.innerText=--second;

if(second<0) location.href='http://www.winwin7.com';

}

优点：更人性化

缺点：firefox不支持（firefox不支持span、p等的innerText属性）

3') 结合了倒数的javascript实现（firefox）

var second = document.getElementById('totalSecond').textContent;

setInterval("redirect()", 1000);

function redirect()

{

document.getElementById('totalSecond').textContent = --second;

if (second < 0) location.href = 'http://www.winwin7.com';

}

4) 解决Firefox不支持innerText的问题

if(navigator.appName.indexOf("Explorer") > -1){

document.getElementById('totalSecond').innerText = "my text innerText";

} else{

document.getElementById('totalSecond').textContent = "my text textContent";

}

5) 整合3)和3')

var second = document.getElementById('totalSecond').textContent;

if (navigator.appName.indexOf("Explorer") > -1) {

second = document.getElementById('totalSecond').innerText;

} else {

second = document.getElementById('totalSecond').textContent;

}

setInterval("redirect()", 1000);

function redirect() {

if (second < 0) {

location.href = 'http://www.winwin7.com';

} else {

if (navigator.appName.indexOf("Explorer") > -1) {

document.getElementById('totalSecond').innerText = second--;

} else {

document.getElementById('totalSecond').textContent = second--;

}

}

}