页面跳转可能是由于用户单击链接、按钮等触发的,也可能是系统自动产生的。页面自动跳转在web开发中经常用到,而且根据需求可以采用不同的跳转方式,比如提示操作信息后延时跳转等, 本文总结了web开发中常见的几种页面跳转方法。

php header函数跳转

php的header函数非常强大,其中在页面url跳转方面也调用简单,使用header直接跳转到指定url页面,这时页面跳转是302重定向:

$url = ;

header( location: $url );

我们有可能会遇到特殊的跳转时,比如网站改版有个页面地址要做301重定向,当然你可以通过web配置rewrite来实现,但现在我要告诉大家,可以使用php的header函数做301跳转,代码如下:

//301跳转

header( http/1.1 301 moved permanently );

meta设置跳转

html中的meta信息里可以直接设置跳转,可以设置跳转延迟时间和跳转url,经常应用,比如支付完了告诉用户支付成功并跳转到订单页面,代码非常简单,就在中加上一句:

<meta http-equiv=refresh content=5;url=http://www.jb51.net>

以上代码表示在5秒钟后页面会自动跳转到。

javascript跳转

javascript跳转也非常简单,直接一句话:

<script>

window.location.href=;

</script>

注意,上面这段代码直接跳转后,在目标页面地址中是获取不到来路(referer,也叫来源)的,在实际项目中,遇到有客户要求跳转要带来路(即目标网页可以获取到页面从哪里跳转来的),这时,我们可以用javascript模拟一次点击,然后跳转就满足了客户的需求。

<script>

//有来路

var aa = document.createelement(a);

aa.setattribute(href,);

var bodys=document.getelementsbytagname(body)[0];

bodys.appendchild(aa);

aa.click;

</script>

当然,实际开发中我们可以把后面两种方式整合到php中去,便于适用各种跳转需求。

以上所述就是本文的全部内容了,希望大家能够喜欢。

发表评论

电子邮件地址不会被公开。 必填项已用*标注