用HTML/JS/PHP方式实现页面延时跳转的简单实例


Posted in PHP onJuly 18, 2016

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

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

1,HTML方法:

在HEAD中添加<meta>标签

<meta http-equiv=”refresh” content=”3;url='index.php'” >

2,JS控制跳转方法

A.Location直接加链接方式

<script type="text/javascript">

setTimeout("window.location=('index.php'",3000);

</script>

B.Location.href方式

<script type="text/javascript">

setTimeout("window.location.href='index.php'",3000);

</script>

C.Location.assign方式

<script type="text/javascript">

setTimeout("window.location.assign('index.php')",3000);

</script>

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

<script type="text/javascript">

Widdow.location.replace(‘index.php');

</script>

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

<script type="text/javascript">

window.history.go(n);

</script>

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

<script type="text/javascript">

window.history.go(‘index.php');

</script>

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

<script type="text/javascript">

setTimeout("window.open('index.php',target,args)",3000);

</script>

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会对页面进行重定向。

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

以上这篇用HTML/JS/PHP方式实现页面延时跳转的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

PHP 相关文章推荐
php学习 字符串课件
Jun 15 PHP
彻底杜绝PHP的session cookie错误
Aug 09 PHP
PHP 异步执行方法,模拟多线程的应用分析
Jun 03 PHP
THINKPHP2.0到3.0有哪些改进之处
Jan 04 PHP
php中使用gd库实现远程图片下载实例
May 12 PHP
使用PHP实现生成HTML静态页面
Nov 18 PHP
php 生成签名及验证签名详解
Oct 26 PHP
php版微信自定义回复功能示例
Dec 05 PHP
详解使用php调用微信接口上传永久素材
Apr 11 PHP
PHP实现类似于C语言的文件读取及解析功能
Sep 01 PHP
PHP开发实现快递查询功能详解
Apr 08 PHP
Laravel 实现Eloquent模型分组查询并返回每个分组的数量 groupBy()
Oct 23 PHP
浅谈PHP正则中的捕获组与非捕获组
Jul 18 #PHP
Yii2.0表关联查询实例分析
Jul 18 #PHP
php 实现301重定向跳转实例代码
Jul 18 #PHP
PHP的openssl加密扩展使用小结(推荐)
Jul 18 #PHP
PHP多进程编程总结(推荐)
Jul 18 #PHP
php 指定范围内多个随机数代码实例
Jul 18 #PHP
php 解决substr()截取中文字符乱码问题
Jul 18 #PHP
You might like
php下的权限算法的实现
2007/04/28 PHP
PHP中的socket_read和socket_recv区别详解
2015/02/09 PHP
PHP单例模式详细介绍
2015/07/01 PHP
PHP利用imagick生成组合缩略图
2016/02/19 PHP
刷新页面实现方式总结(HTML,ASP,JS)
2008/11/13 Javascript
js中各浏览器中鼠标按键值的差异
2011/04/07 Javascript
jquery解决图片路径不存在执行替换路径
2013/02/06 Javascript
javascript计算用户打开网页的停留时间
2014/01/09 Javascript
教你如何使用node.js制作代理服务器
2014/11/26 Javascript
仿JQuery输写高效JSLite代码的一些技巧
2015/01/13 Javascript
基于jQuery实现鼠标点击导航菜单水波动画效果附源码下载
2016/01/06 Javascript
jQuery树形插件jquery.simpleTree.js用法分析
2016/09/05 Javascript
nodejs中向HTTP响应传送进程的输出
2017/03/19 NodeJs
Javascript中的getter和setter初识
2017/08/17 Javascript
React Native中Navigator的使用方法示例
2017/10/13 Javascript
angularJs 表格添加删除修改查询方法
2018/02/27 Javascript
红黑树的插入详解及Javascript实现方法示例
2018/03/26 Javascript
JS异步处理的进化史深入讲解
2019/08/25 Javascript
基于vue实现图片验证码倒计时60s功能
2019/12/10 Javascript
springboot+vue+对接支付宝接口+二维码扫描支付功能(沙箱环境)
2020/10/15 Javascript
[58:37]Serenity vs Fnatic 2018国际邀请赛淘汰赛BO1 8.21
2018/08/22 DOTA
详解Python中的__getitem__方法与slice对象的切片操作
2016/06/27 Python
Python在cmd上打印彩色文字实现过程详解
2019/08/07 Python
python pyenv多版本管理工具的使用
2019/12/23 Python
如何解决tensorflow恢复模型的特定值时出错
2020/02/06 Python
CSS3属性使网站设计增强同时不消弱可用性
2009/08/29 HTML / CSS
css3让div随鼠标移动而抖动起来
2014/02/10 HTML / CSS
用HTML5制作一个简单的弹力球游戏
2015/05/12 HTML / CSS
Tostadora意大利:定制T恤
2019/04/08 全球购物
Nike意大利官网:Nike.com IT
2020/01/19 全球购物
入党申请书自我鉴定
2013/10/12 职场文书
保卫科工作岗位职责
2014/03/01 职场文书
个人综合鉴定材料
2014/05/23 职场文书
2016年大学自主招生自荐信范文
2015/03/24 职场文书
祝福语集锦:给满月宝宝的祝福语
2019/11/20 职场文书
Python使用DFA算法过滤内容敏感词
2022/04/22 Python