页面停留后自动跳转

来源：互联网发布：js 改变div属性编辑：程序博客网时间：2024/04/30 07:18

其实这个功能非常简单，下面是我所学习到的两种非常简单的方法：

一、javascript自动跳转法
使用setTimeout方法，其中参数是以毫秒为单位，完整代码如下：

<html><head><title>页面停留跳转</title><script language="javascript">function reloadurl(){ window.location.href="http://www.baidu.com"; }window.setTimeout("reloadurl();",2000)</script></head><body><div style="text-align:center;margin-top:150px;color:#F00;">2秒钟后自动跳转<br>http://blog.csdn.net/junjun08</div></body></html>

二、meta refresh自动跳转法

在网页的head区域的meta refresh标签中，加入自动跳转代码，可实现网页的立即或延时自动跳转。

<meta http-equiv="refresh" content="2;url=http://www.baidu.com"></meta>

上述html代码中的“2”是延时跳转的时间，单位是秒。如果设为0，就表示立即跳转。“http://www.baidu.com”是跳转的目标地址，可以是同一域名下的站内相对路径，也可以是不同域名的站外地址。

当然方法还不止这两种，其余的以后学习再记录下来。