用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和js交互一例-PHP教程,PHP应用
Jan 03 PHP
PHP教程 基本语法
Oct 23 PHP
mysql数据库差异比较的PHP代码
Feb 05 PHP
php防止用户重复提交表单
Nov 02 PHP
Yii框架连接mongodb数据库的代码
Jul 27 PHP
PHP简单获取网站百度搜索和搜狗搜索收录量的方法
Aug 23 PHP
TP3.2批量上传文件或图片 同名冲突问题的解决方法
Aug 01 PHP
yii2学习教程之5种内置行为类详解
Aug 03 PHP
Laravel 实现密码重置功能
Feb 23 PHP
php判断/计算闰年的方法小结【三种方法】
Jul 06 PHP
redis+php实现微博(二)发布与关注功能详解
Sep 23 PHP
PhpStorm+xdebug+postman调试技巧分享
Sep 15 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
基于数据库的在线人数,日访问量等统计
2006/10/09 PHP
ThinkPHP分页类使用详解
2014/03/05 PHP
PHP获取数组中单列值的方法
2017/06/10 PHP
Laravel修改验证提示信息为中文的示例
2019/10/23 PHP
Laravel框架源码解析之模型Model原理与用法解析
2020/05/14 PHP
JavaScript 乱码问题
2009/08/06 Javascript
jQuery fadeTo方法调整图片的透明度使用介绍
2013/05/06 Javascript
用jquery仿做发微博功能示例
2014/04/18 Javascript
js中string转int把String类型转化成int类型
2014/08/13 Javascript
jQuery在ul中显示某个li索引号的方法
2015/03/17 Javascript
jQuery简单tab切换效果实现方法
2015/04/08 Javascript
js基础之DOM中元素对象的属性方法详解
2016/10/28 Javascript
jQuery post数据至ashx实例详解
2016/11/18 Javascript
JavaScript数据结构中串的表示与应用实例
2017/04/12 Javascript
js实现分页功能
2017/05/24 Javascript
JavaScript之面向对象_动力节点Java学院整理
2017/06/29 Javascript
JS通用方法触发点击事件代码实例
2020/02/17 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
webpack+vue-cil 中proxyTable配置接口地址代理操作
2020/07/18 Javascript
js实现贪吃蛇游戏 canvas绘制地图
2020/09/09 Javascript
vue项目打包为APP,静态资源正常显示,但API请求不到数据的操作
2020/09/12 Javascript
Vue基本指令实例图文讲解
2021/02/25 Vue.js
python备份文件的脚本
2008/08/11 Python
Python实现批量把SVG格式转成png、pdf格式的代码分享
2014/08/21 Python
Python实现的最近最少使用算法
2015/07/10 Python
Python基于pillow判断图片完整性的方法
2016/09/18 Python
pandas表连接 索引上的合并方法
2018/06/08 Python
将string类型的数据类型转换为spark rdd时报错的解决方法
2019/02/18 Python
python飞机大战pygame碰撞检测实现方法分析
2019/12/17 Python
美国家具网站:Cymax
2016/09/17 全球购物
国际贸易个人求职信范文
2014/01/04 职场文书
会计大学生职业生涯规划书范文
2014/01/13 职场文书
法律进学校实施方案
2014/03/15 职场文书
中国文明网向国旗敬礼寄语大全
2014/09/27 职场文书
银行柜员与客户起冲突检讨书
2014/09/27 职场文书
2016庆祝国庆67周年宣传语
2015/11/25 职场文书