码迷,mamicode.com
首页 > Web开发 > 详细

html网页重定向与跳转几种方法【转】

时间:2020-07-06 17:51:32      阅读:66      评论:0      收藏:0      [点我收藏+]

标签:family   settime   网页   time   pre   border   function   win   content   

javaScript 跳转

方法一:

????window.location = "http://www.baidu.com";  

方法二:

????document.location = "http://www.baidu.com";

带进度条跳转

<html>
<head>
    <meta http-equiv="Content-Language" content="zh-cn">
    <meta HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
    <title>跳转到baidu.com</title>
</head>
<body>
<form name=loading>
    <P align=center><FONT face=Arial color=#0066ff size=2>loading...</FONT>
        <INPUT style="PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bolder; PADDING-BOTTOM: 0px; COLOR: #0066ff; BORDER-TOP-style: none; PADDING-TOP: 0px; FONT-FAMILY: Arial; BORDER-RIGHT-style: none; BORDER-LEFT-style: none; BORDER-BOTTOM-style: none"
               size=46 name=chart>
        <BR>
        <INPUT style="BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; COLOR: #0066ff; BORDER-BOTTOM: medium none; TEXT-ALIGN: center" size=47 name=percent>
        <script language="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>
    </P>
</form>
</body>
</html>

纯html页面跳转

<head>
    <meta http-equiv="refresh" content="10; url=http://www.baidu.com">
</head>

来源:https://www.cnblogs.com/liucaixia/p/4930799.html

html网页重定向与跳转几种方法【转】

标签:family   settime   网页   time   pre   border   function   win   content   

原文地址:https://www.cnblogs.com/KillBugMe/p/13255999.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!