网页自动跳转页面的代码在很多时候都非常的有用,下面的是两个简单的例子。仅供参考。
方案一,用<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.mycodes.net"> <title>html网页自动跳转代码--西农大网站</title> </head> <body> 测试:html网页自动跳转代码<br/> 你可以在这里写下你想的一切东西!<br /> 如:西北农林科技大学是一所985、211院校。<br /> </body> </html>
方案二,用JavaScript脚本来跳转
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>正在进入西农大网站</title> </head> <body> <form name=loading> <p align=center> <font color="#0066ff" size="2">正在进入,请稍等</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.mycodes.net;} }</script> </p> </form><p align="center"> 测试:html网页自动跳转代码<br/> 你可以在这里写下你想的一切东西!<br /> 如:西北农林科技大学是一所985、211院校。<br /><br /> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.mycodes.net "><font color="#FF0000">请点这里</font></a>.</p> </body> </html>
运行截图: