位置: 编程技术 - 正文

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

编辑:rootadmin

推荐整理分享用HTML/JS/PHP方式实现页面延时跳转的简单实例(html用javascript),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:html中写php,html怎么调用php,html js php,html用javascript,html写php代码,html/css/js + php教程,html怎么调用php,html js php,内容如对您有帮助,希望把文章链接给更多的朋友!

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

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

1,HTML方法:

在HEAD中添加<meta>标签

2,JS控制跳转方法

A.Location直接加链接方式

B.Location.href方式

C.Location.assign方式

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

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方式:

B. header location 方式 :

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

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

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

Yii2框架dropDownList下拉菜单用法实例分析 本文实例讲述了Yii2框架dropDownList下拉菜单用法。分享给大家供大家参考,具体如下:dropDownList是yii框架中一个自带的下拉功能了解,我们可以直接使用d

Yii2使用dropdownlist实现地区三级联动功能的方法 本文实例讲述了Yii2使用dropdownlist实现地区三级联动功能的方法。分享给大家供大家参考,具体如下:视图部分:phpuseyiihelpersUrl;useyiiwidgetsActiveForm;usey

Yii2中DropDownList简单用法示例 本文实例讲述了Yii2中DropDownList简单用法。分享给大家供大家参考,具体如下:这里以实际应用为例讲解Yii2DropDownList用法。有一张分类表,无限极分类那

本文链接地址:https://www.jiuchutong.com/biancheng/301217.html 转载请保留说明!

上一篇:浅谈PHP正则中的捕获组与非捕获组(php正则匹配a标签href)

下一篇:Yii2框架dropDownList下拉菜单用法实例分析(yii2框架和fastadmin建商城网站哪个好用)

免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

鄂ICP备2023003026号

网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

友情链接: 武汉网站建设 电脑维修 湖南楚通运网络