HTML页面自动跳转，windows操做

时间 2019-11-13

标签 html 页面自动 windows 栏目 HTML 繁體版

原文原文链接

1) html的实现javascript

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

2) javascript的实现html

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

<spanid="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() 
      
3  
      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。