页面停留后自动跳转

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

一、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”是跳转的目标地址,可以是同一域名下的站内相对路径,也可以是不同域名的站外地址。

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


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值