博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
用HTML/JS/PHP方式实现页面延时跳转
阅读量:5966 次
发布时间:2019-06-19

本文共 884 字,大约阅读时间需要 2 分钟。

WEB开发中经常会遇到页面跳转或延时跳转的需求,掌握各种页面跳转方式非常必要。

以下是我总结有用HTML/JS/PHP三类方式实现跳转的方法,例子皆为三秒后跳转到index.php 页面。

1,HTML 方法:

在 HEAD 中添加 <meta> 标签

2,JS 控制跳转方法

A.Location 直接加链接方式

B.Location.href 方式

C.Location.assign 方式

D.Location.replace 方式(注意页面是被“替换”掉了,不会在浏览器的历史记录被查询到)

E.JS 历史记录 go(n) 方式( n 表示对历史记录相对当前页的前进步数, n 为负数表示返回以前的页面)

F.JS 历史记录 go(url) 方式(注意 url 必须是历史记录内的,不然页面不会进行跳转)

G.JS window.open 方式,通过打开一个新窗口,实现跳转。(其第二个属性为可选目标选项,值可以是 frame id/_blank 等,第三个选项为新弹出窗口的具体设置选项,包括 height/width 等)

3 , PHP 脚本控制跳转方式,通过改写 HTTP 头信息来进行跳转

A.header refresh 方式:

Header(“refresh:3;url=’index.php’”);

B. header location 方式 :

sleep(3);Header(“location:index.php”);

要注意这种方式会导致无法进入当前页面。即若当前在 register.php 页面链接到login.php 页面时, login.php 页面内用 header location 方式跳转,页面会从register.php 页面直接等待三秒跳转到 index.php ,不会进入到 login.php 页面,这是因为 header location 会对页面进行重定向。

如有错误,欢迎指正,谢谢。

转载于:https://www.cnblogs.com/fuzhihong0917/p/5496707.html

你可能感兴趣的文章
10分钟搭建MySQL Binlog分析+可视化方案
查看>>
vmware虚拟机配置串口
查看>>
小型自动化运维--expect脚本之传递函数
查看>>
Exchange Server 2010部署安装之一
查看>>
Nsrp实现juniper防火墙的高可用性【HA】!
查看>>
Android 动态移动控件实现
查看>>
oracle11g 安装在rhel5.0笔记
查看>>
解决Lync 2013演示PPT提示证书问题的多种方法
查看>>
VC++动态链接库(DLL)编程(三)――MFC规则DLL
查看>>
[转]经典正则表达式
查看>>
JDBC+Servlet+JSP整合开发之26.JSP内建对象
查看>>
【下载】深入oracle数据库专用虚拟机环境部署方案《VirtualBox+OELR5U7x86_64+Oracle11gR2》...
查看>>
值得推荐的C/C++开源框架和库
查看>>
列式存储
查看>>
Linux下eclipse编译C/C++程序遇到 undefined reference to `pthread_create'的异常解决办法
查看>>
ajax上传图片的本质
查看>>
转]最长递增子序列问题的求解
查看>>
SilverLight:基础控件使用(6)-Slider控件
查看>>
Android写的一个设置图片查看器,可以调整透明度
查看>>
第 5 章 File Share
查看>>