您的位置:首页 > Web前端 > javascript > 正文

js实现页面自动跳转

更多 时间:2013-7-21 类别:Web前端 浏览量:14764

js实现页面自动跳转

js实现页面自动跳转

很多时候我们需要Web页具备有自动跳转功能,例如,论坛中的用户登录、发帖及回复或留言簿中的留言和回复等操作成功后,若用户没有任何鼠标点击操作,过了一定的时间,页面自动跳转到预设的页面。

 

网页自动跳转的两种实现方法:

     

1、在 <head> </head> 标签里头添加

 

  •  
  • HTML 代码   复制
  • 
    
    			

    //(5:表示5秒钟刷新;url:表示要跳转到的页面名称(例如newPage.html))

    <META HTTP-EQUIV='Refresh' CONTENT='5;URL=newPage.html'>

  •     

    2、用JS,在 <head> </head> 标签里头添加如下JS

     

  •  
  • JScript 代码   复制
  • 
    
    
    window.onload=function() 
    { 
     setInterval("redirect();",3000); 
    } 
    function redirect() 
    { 
     window.location.href="new.aspx"; 
    } 
    
    
    				
  •