大学IT网 - 最懂大学生的IT学习网站! QQ资料交流群:367606806
当前位置:大学IT网 > JavaScript技巧 > js实现html网页自动跳转代码

js实现html网页自动跳转代码

关键词:jshtml网页自动跳转  阅读(1002) 赞(34)

[摘要]网页的跳转在很多时候都非常的有用,比如404页面常常就需要实现该功能,下面我们讲解一下该如何实现该功能。

网页的跳转在很多时候都非常的有用,比如404页面常常就需要实现该功能,下面我们讲解一下该如何实现该功能。

方案一,用JavaScript脚本来跳转

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>正在进入大学IT网</title>
</head>
<body>
<form name=loading>
<p align=center> <font color="#0066ff" size="2">正在进入大学IT网,请稍等</font><font color="#0066ff" size="2" face="Arial">...</font>
<input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;">
<input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;">
<script>
var bar=0
var line="||"
var amount="||"
count()
function count(){
bar=bar+2
amount =amount + line
document.loading.chart.value=amount
document.loading.percent.value=bar+"%"
if (bar<99)
{setTimeout("count()",100);}
else
{window.location = "http://www.daxueit.com";}
}</script>
</p>
</form><p align="center">
大学IT网(http://www.daxueit.com)
<br />
如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.daxueit.com">
<font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>

方法二,用<meta>里直接写刷新语句:

<html>
<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.daxueit.com">
<title>html网页自动跳转到 大学IT网首页</title>
</head>
<body>
大学IT网(http://www.daxueit.com)
<br />
</body>
</html>  
其中关键代码是:
<meta http-equiv="refresh" content="5;url=http://www.daxueit.com">
上述代码中“5”和 http://www.daxueit.com意思是5秒后跳转到指定网站(http://www.daxueit.com)


相关评论