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

 更新时间:2016年07月18日 11:22:21   投稿:jingxian  
下面小编就为大家带来一篇用HTML/JS/PHP方式实现页面延时跳转的简单实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧

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方式实现页面延时跳转的简单实例就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。

相关文章

  • laravel框架模型、视图与控制器简单操作示例

    laravel框架模型、视图与控制器简单操作示例

    这篇文章主要介绍了laravel框架模型、视图与控制器简单操作,结合简单示例形式分析了laravel框架模型、视图与控制器的基本操作技巧,需要的朋友可以参考下
    2019-10-10
  • thinkPHP模板中函数的使用方法示例

    thinkPHP模板中函数的使用方法示例

    这篇文章主要介绍了thinkPHP模板中函数的使用方法,结合实例形式对比分析了php函数的单独使用与thinkPHP模板中php函数的相应使用技巧,需要的朋友可以参考下
    2016-11-11
  • CI框架网页缓存简单用法分析

    CI框架网页缓存简单用法分析

    这篇文章主要介绍了CI框架网页缓存简单用法,结合实例形式分析了CI框架网页缓存的原理,以及开启缓存、删除缓存等操作技巧,需要的朋友可以参考下
    2018-12-12
  • Linux系统下安装PHP7.3版本

    Linux系统下安装PHP7.3版本

    这篇文章主要介绍了Linux系统下安装PHP7.3版本,本文含有详细的过程和配置过程,可以帮助你正确的配置php开发环境,需要的朋友可以参考下
    2021-06-06
  • php获取数据库结果集方法(推荐)

    php获取数据库结果集方法(推荐)

    下面小编就为大家带来一篇php获取数据库结果集方法(推荐)。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-06-06
  • 在Win7 中为php扩展配置Xcache

    在Win7 中为php扩展配置Xcache

    XCache是一个又快又稳定的PHP opcode缓存器.经过良好的测试并在大流量/高负载的生产机器上稳定运行.经过(在linux上)测试并支持所有现行PHP分支的最新发布版本,如php5.0~5.6(x64和x86),并支持线程安全/Windows.与同类opcode缓存器相比更胜一筹, 比如能够快速跟进PHP版本.
    2014-10-10
  • Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解

    Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5的过程详解

    这篇文章主要介绍了Aliyun Linux 编译安装 php7.3 tengine2.3.2 mysql8.0 redis5,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-10-10
  • php更新修改excel中的内容实例代码

    php更新修改excel中的内容实例代码

    这篇文章主要介绍了php更新修改excel中的内容实例代码,需要的朋友可以参考下
    2014-02-02
  • ThinkPHP中ajax使用实例教程

    ThinkPHP中ajax使用实例教程

    这篇文章主要介绍了ThinkPHP中ajax使用, 是ThinkPHP开发中非常实用的技巧,需要的朋友可以参考下
    2014-08-08
  • PHP 文章中的远程图片采集到本地的代码

    PHP 文章中的远程图片采集到本地的代码

    今天写了一个这个功能, 拿出来跟朋友一起分享,可以获取远程图片并保存到本地,其实大家可以参考很多php管理系统都有这个功能。
    2009-07-07

最新评论