js实现页面自动跳转

63 阅读 0 评论 42 点赞

我是靠谱客的博主深情黑米，最近开发中收集的这篇文章主要介绍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 代码复制

<script>  window.οnlοad=function() 
 { 
 setInterval("redirect();",3000); 
 }  function redirect() 
 { 
 window.location.href="new.aspx"; 
 } </script>

本文转自 IT阿飞 51CTO博客，原文链接:http://blog.51cto.com/itafei/1748112