找了一些资料,好些方法的跳转都是很迟钝的,体验并不好。这是在豆瓣上看到的,原文:三种简单的html网页自动跳转方法
跳转后显示跳转后的网址
三种简单的html网页自动跳转方法,可以让你在打开一个html网页时自动跳转到其它的页面。
方法一
<!DOCTYPE html>
<html lang="zh-Hans">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="refresh" content="0; url=https://www.leolan.top" />
<title>跳转中</title>
</head>
<body>
跳转中...
</body>
</html>
方法二
<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="0.1;url=https://www.leolan.top/12345/">
<title></title>
</head>
<body>
</body>
</html>
方法三
<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 = "https://www.leolan.top/12345/";}
}</script>
</p>
</form>
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.kaigesheji.com/wangzhanjianshe/"><font color="#FF0000">请点这里</font></a>.</p>
</body>
</html>
方法四
<html><head><title>稍候。。。</title></head>
<body>
<script language='javascript'>document.location = 'https://www.leolan.top/12345/'</script>
</body>
</html>
跳转后显示原网址
可实现网站(网页)跳转且可隐藏跳转后网址的代码。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>leolan Blog</title>
<frameset framespacing="0" border="0" rows="0" frameborder="0">
<frame name="main" src="https://www.leolan.top" scrolling="auto" noresize>
</frameset>
</head>
<body><a href="https://www.leolan.top">leolan Blog</a> (注:此行可要可不要)
</body>
</html>
评论区