LeoLan‘s Blog
Published on

html网页自动跳转方法

Authors
  • avatar
    Name
    Leo
    Twitter

找了一些资料,好些方法的跳转都是很迟钝的,体验并不好。这是在豆瓣上看到的,原文:三种简单的html网页自动跳转方法

跳转后显示跳转后的网址

三种简单的html网页自动跳转方法,可以让你在打开一个html网页时自动跳转到其它的页面。

方法一

<!DOCTYPE html>
&lt;html lang="zh-Hans"&gt;
&lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"&gt;
  &lt;meta http-equiv="refresh" content="0; url=https://www.leolan.top" /&gt;
  &lt;title&gt;跳转中&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
  跳转中...
&lt;/body&gt;
&lt;/html&gt;

方法二

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Language" content="zh-CN"&gt;
&lt;meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312"&gt;
&lt;meta http-equiv="refresh" content="0.1;url=https://www.leolan.top/12345/"&gt;
&lt;title&gt;&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;/body&gt;
&lt;/html&gt;

方法三

&lt;html&gt;
&lt;head&gt;
&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
&lt;title&gt;正在进入&lt;/title&gt;
&lt;/head&gt;
&lt;body&gt;
&lt;form name=loading&gt; 
 <p align=center> &lt;font color="#0066ff" size="2"&gt;正在进入,请稍等&lt;/font&gt;&lt;font color="#0066ff" size="2" face="Arial"&gt;...&lt;/font&gt;
  &lt;input type=text name=chart size=46 style="font-family:Arial; font-weight:bolder; color:#0066ff; background-color:#fef4d9; padding:0px; border-style:none;"&gt; 
  
  &lt;input type=text name=percent size=47 style="color:#0066ff; text-align:center; border-width:medium; border-style:none;"&gt; 
  &lt;script&gt;  
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&lt;99)  
{setTimeout("count()",100);}  
else  
{window.location = "https://www.leolan.top/12345/";}  
}&lt;/script&gt; 
 </p> 
&lt;/form&gt; 
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.kaigesheji.com/wangzhanjianshe/">&lt;font color="#FF0000"&gt;请点这里&lt;/font&gt;</a>.</p>
&lt;/body&gt;
&lt;/html&gt;

方法四

&lt;html&gt;&lt;head&gt;&lt;title&gt;稍候。。。&lt;/title&gt;&lt;/head&gt;
&lt;body&gt;
&lt;script language='javascript'&gt;document.location = 'https://www.leolan.top/12345/'&lt;/script&gt;
&lt;/body&gt;
&lt;/html&gt;

跳转后显示原网址

可实现网站(网页)跳转且可隐藏跳转后网址的代码。

&lt;html&gt;
&lt;head&gt;
    &lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312"&gt;
    &lt;title&gt;leolan Blog&lt;/title&gt;
    &lt;frameset framespacing="0" border="0" rows="0" frameborder="0"&gt;
    &lt;frame name="main" src="https://www.leolan.top" scrolling="auto" noresize&gt;
    &lt;/frameset&gt;
&lt;/head&gt;
&lt;body&gt;<a href="https://www.leolan.top">leolan Blog</a>       (注:此行可要可不要)
&lt;/body&gt;
&lt;/html&gt;