html网页跳转代码-(进阶)WEB开发中页面跳转方法总结

2023-08-26 0 2,048 百度已收录

代码如下所示:

页面跳转可以由用户点击链接、按钮等触发,也可以由系统手动形成。 WEB开发中经常使用页面手动跳转,可以根据需求采用不同的跳转形式,比如提示操作信息后延迟跳转等。本文总结了WEB开发中常见的几种页面跳转方式。

PHP header()函数跳转

PHP的header()函数非常强大,在页面url跳转方面调用也很简单。 使用header()直接跳转到指定url页面。 此时页面跳转为302重定向:

$url = "http://www.learnphp.cn/";   
header( "Location: $url" ); 

我们可能会遇到特殊的重定向,比如网站改版中有一个页面地址需要进行301重定向。 当然,你可以通过web配置重写来实现html网页跳转代码,但是现在我想告诉你,你可以使用php的header()函数来做到这一点。 301重定向,代码如下:

//301跳转 
header( "HTTP/1.1 301 Moved Permanently" );     
header( "Location: $url" ); 

元设置跳转

html中的meta信息可以直接设置跳转,可以设置跳转延迟时间和跳转url,这个经常用到html网页跳转代码,比如告诉用户支付成功,支付完成后跳转到订单页面。 代码很简单,只需要添加一句话即可:

<meta http-equiv="refresh" content="5;url=http://www.learnphp.cn"> 

上面的代码表示5秒后页面将被手动重定向。

JavaScript跳转

Javascript跳转也很简单,直接一句话:

 
window.location.href="http://www.learnphp.cn"
 

注意,上述代码直接跳转后,在目标页面地址中无法获取referrer(也称源)。 从那里就可以得到要跳转的页面),这时候我们可以用javascript来模拟一次点击,然后进行跳转,满足客户的需求。

 
//有来路 
var aa = document.createElement("a"); 
aa.setAttribute("href","http://www.learnphp.cn"); 
var bodys=document.getElementsByTagName("body")[0]; 
bodys.appendChild(aa); 
aa.click(); 
 

当然,在实际开发中,我们可以将前两种方式集成到PHP中,方便各种跳转需求的应用。

本文来自:

收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

悟空资源网 html html网页跳转代码-(进阶)WEB开发中页面跳转方法总结 https://www.wkzy.net/game/163461.html

常见问题

相关文章

官方客服团队

为您解决烦忧 - 24小时在线 专业服务