找了一些资料,好些方法的跳转都是很迟钝的,体验并不好。这是在豆瓣上看到的,原文:三种简单的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>

文章作者: Leo
版权声明: 本站所有文章除特别声明外,均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来自 LeoLan的小站
杂项 html跳转
喜欢就支持一下吧