三种简单的html网页自动跳转方法

时间:2021-09-25 22:11:48

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

方法/步骤

  1.  

    <html>

    <head>

    <title>正在跳转</title>

    <meta http-equiv="Content-Language" content="zh-CN">

    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">

    <meta http-equiv="refresh" content="0.2;url=http://daohang.tengshaowu.cn/">

    </head>

    <body>

    </body>

    </html>

  2.  

    <html><head><title>正在跳转</title></head>

    <body>

    <script language='javascript'>document.location = 'http://daohang.tengshaowu.cn/'</script>

    </body>

    </html>

  3.  

    <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; 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://daohang.tengshaowu.cn/";}

    }</script>

    </p>

    </form>

    <p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://daohang.tengshaowu.cn/"><font color="#FF0000">请点这里</font></a>.</p>

    </body>

    </html>