zoukankan      html  css  js  c++  java
  • HTML页面自动跳转,windows操作

    1) html的实现

    <head>
    <!-- 以下方式只是刷新不跳转到其他页面 -->
    <meta http-equiv="refresh" content="10">
    <!-- 以下方式定时转到其他页面 -->
    <meta http-equiv="refresh" content="5;url=hello.html">
    </head>

    2) javascript的实现

    <script language="javascript" type="text/javascript">
    // 以下方式直接跳转
    window.location.href='hello.html';
    // 以下方式定时跳转
    setTimeout("javascript:location.href='hello.html'", 5000); 
    </script>

     

    <span id="totalSecond">5</span>
    <script language="javascript" type="text/javascript">
    var second = totalSecond.innerText;
    setInterval("redirect()", 1000);
    function redirect(){
    totalSecond.innerText=--second;
    if(second<0) location.href='hello.html';
    }
    </script>
     
     
     
     
    其他
    1 history.go(0)
    2 location.reload()
    location=location
    4 location.assign(location)
    5 document.execCommand('Refresh')
    6 window.navigate(location)
    7 location.replace(location)
    8 document.URL=location.href
    这几个都可以刷新
    window.location.reload();刷新
    window.location.href=window.location.href;刷新
    window.close();关闭窗口,不弹出系统提示,直接关闭 
    window.close()相当于self属性是当前窗口
    window.parent.close()是parent属性是当前窗口或框架的框架组
    页面实现跳转的九种方法实例:
    <html>
    < head>
    < meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    < title>navigate</title>
    < script language="javascript">
        setTimeout('window.navigate("top.html");',2000);
        setTimeout('window.document.location.href="top.html";',2000);
        setTimeout('window.document.location="top.html";',2000);
        setTimeout('window.location.href="top.html";',2000);
        setTimeout('window.location="top.html";',2000);
        setTimeout('document.location.href="top.html";',2000);              
        setTimeout('document.location="top.html";',2000);
        setTimeout('location.href="top.html";',2000);
        setTimeout('location.replace("top.html")',2000);
        //window对象
            //document对象
                //location对象
                    //href属性
                    //1.window.document.location.href
                    //2.window.document.location
                    //3.window.location.href
                    //4.window.location
                   
                    //5.document.location.href
                    //6.document.location
                    //7.location.href
                    //8.window.navigate
                    //9.location.replace
                    //只要使用location方法,和任意的window对象,location对象,href属性连用,都可以页面的跳转//// 
    < /script>
    < /head>

    < body>
    页面将在2秒后跳转
    < /body>
    < /html>

    解释:
    location是个对象,比如本页的document.location和window.location的属性有    
      location.hostname   =   community.csdn.net 
      location.href   =   http://community.csdn.net/Expert/topic/4033/4033372.xml?temp=2.695864E-02 
      location.host   =   community.csdn.net 
      location.hash   =   
      location.port   =   
      location.pathname   =   /Expert/topic/4033/4033372.xml 
      location.search   =   ?temp=2.695864E-02 
      location.protocol   =   http: 
      可见href是location的属性,类别是string。
     
     
  • 相关阅读:
    Dump 文件生成与分析
    打造支持apk下载和html5缓存的 IIS(配合一个超简单的android APP使用)具体解释
    GridView编辑删除操作
    google域名邮箱申请 gmail域名邮箱申请(企业应用套件)指南
    nvl,空时的推断和取值
    如何将图片保存至自定义分组
    Java实现 蓝桥杯VIP 算法训练 集合运算
    Java实现 蓝桥杯VIP 算法训练 瓷砖铺放
    Java实现 蓝桥杯VIP 算法训练 瓷砖铺放
    Java实现 蓝桥杯VIP 算法训练 集合运算
  • 原文地址:https://www.cnblogs.com/polly-ling/p/9517173.html
Copyright © 2011-2022 走看看