WEB开发中的页面跳转方法总结
2016-06-21 12:01
453 查看
页面跳转可能是由于用户单击链接、按钮等触发的,也可能是系统自动产生的。页面自动跳转在WEB开发中经常用到,而且根据需求可以采用不同的跳转方式,比如提示操作信息后延时跳转等, 本文总结了WEB开发中常见的几种页面跳转方法。
PHP header()函数跳转
PHP的header()函数非常强大,其中在页面url跳转方面也调用简单,使用header()直接跳转到指定url页面,这时页面跳转是302重定向:
我们有可能会遇到特殊的跳转时,比如网站改版有个页面地址要做301重定向,当然你可以通过web配置rewrite来实现,但现在我要告诉大家,可以使用php的header()函数做301跳转,代码如下:
//301跳转
Meta设置跳转
html中的meta信息里可以直接设置跳转,可以设置跳转延迟时间和跳转url,经常应用,比如支付完了告诉用户支付成功并跳转到订单页面,代码非常简单,就在中加上一句:
以上代码表示在5秒钟后页面会自动跳转到http://www.helloweba.com。
Javascript跳转
Javascript跳转也非常简单,直接一句话:
注意,上面这段代码直接跳转后,在目标页面地址中是获取不到来路(referer,也叫来源)的,在实际项目中,遇到有客户要求跳转要带来路(即目标网页可以获取到页面从哪里跳转来的),这时,我们可以用javascript模拟一次点击,然后跳转就满足了客户的需求。
当然,实际开发中我们可以把后面两种方式整合到PHP中去,便于适用各种跳转需求。
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,经常应用,比如支付完了告诉用户支付成功并跳转到订单页面,代码非常简单,就在中加上一句:
<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中去,便于适用各种跳转需求。
相关文章推荐
- 关于AMAZON SES设置的一些要点
- mongodb常用命令
- 安卓开发中非常炫的效果集合
- 研制一个生产计划编制的软件
- ThinkPhp路径访问问题
- 造物主的存在与人工智能
- tomcat安装出现问题及解决方法
- 原生JS封装ajax方法
- JS模仿腾讯图片站的图片翻页按钮效果完整实例
- 详解CSS中的选择器优先级顺序
- Mac 下反编译 apk
- JSONObject与JSONArray的使用
- 漏洞分析中常用的堆调试支持
- Linux如何找出用户的创建时间
- webrtc中的带宽自适应算法
- android studio .9不起作用
- Editext的密码显示与隐藏
- Spring-boot生成可执行jar包
- 遍历Map的四种方法
- CURL常用指令