zoukankan      html  css  js  c++  java
  • html网页重定向与跳转几种方法【转】

    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

  • 相关阅读:
    拟阵学习笔记
    HNOI 2016 解题报告
    HNOI 2015 解题报告
    一类动态规划问题状态的简化
    组合数学学习笔记
    简单多项式学习笔记
    基础线代学习笔记
    后缀数据结构学习笔记
    图论学习笔记
    AT3673 [ARC085D] NRE 题解
  • 原文地址:https://www.cnblogs.com/KillBugMe/p/13255999.html
Copyright © 2011-2022 走看看