web页面跳转

最新推荐文章于 2024-04-16 05:18:04 发布

qq_1572902205

最新推荐文章于 2024-04-16 05:18:04 发布

阅读量721

点赞数

分类专栏：学习之路文章标签： web 自动跳转进度条

本文链接：https://blog.csdn.net/qq_20477309/article/details/51290131

版权

学习之路专栏收录该内容

26 篇文章 0 订阅

订阅专栏

3秒后跳转到百度语句<meta http-equiv="refresh"content="3;url=http://www.baidu.com/">

<!DOCTYPE html>
<html>
  <head>
    <title>framel.html</title>
    <meta http-equiv="refresh" content="100;url=http://www.baidu.com/">
    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--<link rel="stylesheet" type="text/css" href="./styles.css">-->

  </head>
    <body>
    </body>
</html>

带进度条页面自动跳转

<html>
    <head>
        <title>music and video</title>
    </head>
    <body>
        <audio src="image/suyang.mp3" autoplay="autoplay" loop="loop" controls="controls"></audio>
        <form name=loading> 
        　<p align=center> 
            <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;"> 

        　</p> 
<script type="text/javascript">
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.baidu.com/";}
    }
</script>
        </form> 
<p align="center"> 如果您的浏览器不支持跳转,<a style="text-decoration: none" href="http://www.baidu.com/"><font color="#FF0000">请点这里</font></a>.</p>
    </body>
</html>