WEB开发中的页面跳转方法

ゝ一纸荒年。 2022-07-16 02:24 159阅读 0赞

#### PHP header()函数跳转 ####

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

$url = "http://www.helloweba.com/";   
    header( "Location: $url" );

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

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

#### Meta设置跳转 ####

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

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

以上代码表示在5秒钟后页面会自动跳转到http://www.helloweba.com。

#### Javascript跳转 ####

Javascript跳转也非常简单，直接一句话：

<script> 
    window.location.href="http://www.helloweba.com"; 
    </script>

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

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

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

发表评论取消回复

表情：

评论列表（有 0 条评论，159人围观）

还没有评论，来说两句吧...

相关阅读

相关前端页面跳转时不返回跳转前页面的方法

一、需求目前本人的项目有一个逻辑，刚开始是A页面，然后要跳转到B页面，再跳转到C页面；要求在C页面按返回按钮时，不返回B页面，直接返回A页面。 A->B-

浅浅的花香味﹌/ 2024年03月16日 09:20/ 0 赞/ 98 阅读

相关 php 中实现页面跳转的方法

1、php 使用 header()函数进行页面跳转示例代码： header('location:wgchen.blog.csdn.net'); 2、php 利

ゞ浴缸里的玫瑰/ 2023年10月06日 23:24/ 0 赞/ 55 阅读

相关 php表单跳转页面跳转页面跳转页面跳转,html中一个form下两个跳转页面

问题说明：在html开发中，经常碰到同一个form表单下，不同按钮跳转不同界面，如下 ![3b2afef13409193c29d0759b8abcfff3.png][]，

太过爱你忘了你带给我的痛/ 2022年11月17日 10:16/ 0 赞/ 315 阅读

相关 java html页面跳转_java web页面跳转总结

Servlet中forward和redirect的区别 forward方式：request.getRequestDispatcher("/somePage.jsp").for

男娘i/ 2022年11月02日 11:54/ 0 赞/ 411 阅读

相关 Asp.net中页面跳转的方法

Asp.net中页面跳转的方法 1.超链接这种方法可以直接使用代码(如例1),也可以使用许多的控件(其实这种方法是隐性调用Response.Redirect),如Hype

朴灿烈づ我的快乐病毒、/ 2022年08月25日 12:50/ 0 赞/ 105 阅读

相关 js 中实现页面跳转的方法

window.location = "http://www.baidu.com" 跳转后有后退功能 window.location.replace("http://www.b

末蓝、/ 2022年08月20日 13:22/ 0 赞/ 225 阅读

相关 WEB开发中的页面跳转方法

PHP header()函数跳转 PHP的header()函数非常强大，其中在页面url跳转方面也调用简单，使用header()直接跳转到指定url页面，这时页面跳转是3

ゝ一纸荒年。/ 2022年07月16日 02:24/ 0 赞/ 160 阅读

相关 js中跳转页面的方法

第一种： <script language="javascript" type="text/javascript"> window.location.hr

ゝ一纸荒年。/ 2022年06月09日 04:48/ 0 赞/ 260 阅读

相关 wepy中的页面跳转

1.在pages中创建好页面之后，需要在app.wpy中的config中配置好页面路由； 2.如果跳转的按钮在page页面中 this.$navigate({ur

爱被打了一巴掌/ 2022年04月11日 08:26/ 0 赞/ 370 阅读

相关 js跳转页面方法（转）

<span id="tiao">3</span><a href="javascript:countDown"></a>布丁足迹;秒后自动跳转……<meta http-equiv

梦里梦外;/ 2021年12月22日 15:05/ 0 赞/ 443 阅读