首页 > Web开发 > 详细

js实现页面自动跳转(不加重前页面,直接加载跳转页)

时间:2015-10-25 06:12:25      阅读:1300      评论:0      收藏:0      [点我收藏+]

很多时候我们需要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 代码   复制
技术分享<script> 
技术分享 window.onload=function() 
技术分享 { 
技术分享 setInterval("redirect();",3000); 
技术分享 } 
技术分享 function redirect() 
技术分享 { 
技术分享 window.location.href="new.aspx"; 
技术分享 } 
技术分享</script> 
 
 

js实现页面自动跳转(不加重前页面,直接加载跳转页)

原文:http://www.cnblogs.com/wangxy/p/4908164.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!