`
ch_kexin
  • 浏览: 902832 次
  • 性别: Icon_minigender_2
  • 来自: 青岛
社区版块
存档分类
最新评论

页面自动跳转的几种实现方法

阅读更多
引用

几秒后自动转到下一页网页代码

方法一:使用meta标签
meta标签是html不可或缺的标签之一,它负责提供文档的元信息,其参数主要有:

① http-equiv: 与 文档中数据相关的HTTP文件首部  
② content: 与命名HTTP首部相关的数据    
③ name:  文档描述    
④ url:  与元信息相联系的URL
当我们定义属性http-equiv为refresh,打开此Web页时系统将根据content规定的值在一定时间内跳转到相应页面,content="秒数;url=网址"就是定义了过多长时间跳转到指定的网址。以下meta标签告诉系统一秒钟后页面自动跳转到黑马在线动力:

<meta http-equiv="refresh" content="1;url=http://www.gxblk.com">

以上代码需要加在HTTP文档首部中,介于<head>与</head>之间,通常,meta标签是紧跟在<head>之后。若需要有多个meta标签,它们可以各占一行。

此法通用于任何环境,包含静态的网站空间。

方法二:使用header函数

header函数是php内置函数中的HTTP相关函数之一,该函数送出HTTP协议标头到浏览器。使用它可以重定向URL,即令页面转向其他指定的网页。以下例子,执行后将自动打开黑马在线动力首页:

header("Location: http://www.gxblk.com/");

必须注意,header函数只能用在页面代码中的<html>标签之前,亦即,HTTP首部尚未有其他任何标头(<head>)传送给浏览器之前,而且,此前页面也不能print或echo任何内容。换句话说,在页面的<html>出现前,程序只单纯地处理header事件。尽管有如此严格的要求,灵活地使用它,仍然可以达成页面的自动跳转功能,比如登录页面,通过判断用户提交的数据是否合法来决定页面跳转到何处。以下给出一个简单的例子:

<?php  /* 登录程序 - 文件名:login.php  程序作用 - 判断用户登录口令 */
if($_POST['Submit']) {     session_start();     if($_POST['pws']=='123') { //若密码为 123        $_SESSION['passwd']='123'; //写入会话数据        header("Location:index.php"); //跳转到正常页面     }
else{        header("Location:login.php"); //跳转到登录页面     } }  //表单代码略(也可以用纯html代码写表单,若如此,代码应放在程序之后  ?>
<?php  /* 检测会话数据 - 文件名:index.php  程序作用      - 检测会话数据中的密码是否为123,若不是,返回登录页面   */  session_start(); if($_SESSION['passwd']!='123') header("Location:login.php");  //其他代码(纯HTML代码应写在程序之后)  ?>
此法显然只能用于支持php的空间环境。

方法三:使用JavaScript

JS非常灵活,利用它可以做出功能非常强大的程序脚本,这里仅举一个简单的页面自动跳转的JS例子。以下代码执行后浏览器将自动转到黑马在线动力网站,该代码可放在页面中的任何合法的位置:
<script language="javascript" type="text/javascript">    
window.location.href("http://www.gxblk.com");
</script>
此代码适用于任何Web环境。
分享到:
评论

相关推荐

    php页面自动跳转的几种实现方法

    ### PHP 页面自动跳转的几种实现方法 在网站开发中,页面自动跳转是一个非常实用的功能,它能够帮助用户在完成某些操作后自动导航到下一个页面。PHP 作为一种广泛使用的服务器端脚本语言,提供了多种方式来实现页面...

    java页面自动跳转

    在JSP页面中实现自动跳转同样可以采用上述几种方式。以下是一个更完整的示例,展示了如何结合JavaScript和服务器端逻辑实现页面的自动跳转: ```jsp ;url=&lt;%=url%&gt;"&gt; window.moveTo(0,0); function countDown...

    三秒后自动跳转页面

    在网页设计和开发中,"三秒后自动跳转页面"是一种常见的技术手段,用于在特定条件下引导用户从当前页面转移到另一个页面。这种技术在多种场景下被广泛使用,例如错误处理、信息提示或者更新页面内容。下面我们将深入...

    JavaScript实现x秒后自动跳转到一个页面

    这里我们将详细探讨三种通过JavaScript实现x秒后自动跳转到一个页面的方法。 1. **直接使用`response.sendRedirect()`**: 这个方法通常在服务器端使用,例如在Java的Servlet中。`response.sendRedirect()`函数...

    自动刷新页面+自动跳转和关闭

    ### 自动刷新页面与自动跳转关闭的知识点详解 #### 一、自动刷新页面 **自动刷新页面**是指网页在设定的时间间隔后自动重新加载自身的过程。这一功能可以通过多种技术实现,包括HTML元标签(`&lt;meta&gt;`标签)、...

    一个空间绑定多个域名实现自动跳转的几种方法[参考].pdf

    这里我们将探讨几种实现这一目标的方法,主要基于ASP(Active Server Pages)编程语言。 1. JavaScript跳转: 在提供的代码示例中,第一种方法使用JavaScript进行跳转。通过检查当前页面URL中是否包含特定域名,...

    C#中所有页面跳转方式

    本文将详细介绍C#中的几种页面跳转方法,并针对每种方法的特点进行分析,以便开发者可以根据具体的应用场景选择最合适的方案。 #### 1. 使用`HyperLink`控件 `HyperLink`是一种常见的用于页面跳转的方法。通过设置...

    页面加载完成,js实现自动跳转

    js实现自动跳转,大家多下哈, 资源难得,几秒种跳转只需要修改后面的参数就行了!

    一个空间绑定多个域名实现自动跳转的几种方法知识.pdf

    以上五种方法都能实现根据域名自动跳转的功能,选择哪种方法取决于具体需求和场景。例如,如果需要控制更多的域名,使用`Select Case`可能更简洁;而如果考虑到服务器性能,`Server.Transfer`可能更适合。在实际应用...

    各种网页跳转网页弾框的方法

    本文将详细介绍几种实现网页跳转和弹框的方法,并通过具体的示例代码进行解析。 #### 一、使用 ASP.NET 实现网页跳转 ASP.NET 是一种广泛使用的 Web 开发框架,它提供了多种方式来实现页面间的跳转。 ##### 1. ...

    JSP页面跳转方法总结

    本文将详细介绍JSP中常见的几种页面跳转方法,并分析它们之间的区别。 #### 二、客户端跳转方法 ##### 1. 使用`&lt;a&gt;`标签超链接 这是最简单直接的方式,通过`&lt;a&gt;`标签的`href`属性设置目标页面的URL来实现跳转。...

    自动跳转的代码

    在互联网开发中,网页的自动跳转是一种常见的功能需求,比如广告展示后的自动跳转、登录验证后的页面重定向等场景。本文将通过一段示例代码来解析自动跳转的基本实现原理与技术要点。 #### 二、代码分析 首先,...

    HTML页面3秒后自动跳转的三种常见方法

    在网页开发中,有时我们需要实现页面在特定时间后自动跳转到另一个页面的功能。这里将详细解释HTML页面3秒后自动跳转的三种常见方法。 方法1:使用`&lt;meta&gt;`标签 这种方法是最简单直接的,它通过在HTML文档的`&lt;head&gt;...

    注册成功3秒自动跳转

    在网页开发中,"注册成功3秒自动跳转"是一个常见的用户体验优化功能,它使得用户在完成注册后能够被自动重定向到其他页面,比如欢迎页面或者登录页面,以提供流畅的交互流程。这个功能主要依赖于JavaScript语言来...

    纯jsp登录界面自动跳转

    在“纯jsp登录界面自动跳转”这个项目中,我们将主要关注以下几个关键知识点: 1. **JSP页面结构**:登录界面通常包含HTML表单元素,如`&lt;form&gt;`,用于收集用户的登录信息(如用户名和密码)。这些表单会提交到...

    php网页跳转代码大全

    在Web开发中,网页跳转是非常常见的一种需求,它可以让用户从当前页面自动跳转到另一个页面或者网址。这种功能可以用于多种场景,比如登录验证成功后的页面重定向、操作完成后返回首页等。对于PHP开发者来说,掌握几...

    react-router4.2使用js控制路由跳转的3种方式

    这种方法适用于在条件满足时自动跳转到另一个页面的场景。 ```javascript import { Redirect } from 'react-router'; class Login extends React.Component { render() { const { isRegisterNewUser, ...

    手机至PC站自动跳转

    实现这一功能主要依赖于以下几种技术: 1. **响应式网页设计(Responsive Web Design, RWD)**:响应式设计是通过CSS3媒体查询等技术,让网页布局能够根据屏幕尺寸变化自动调整。通过设置不同的断点,网站可以适应...

    一款好看的引导自动跳转网页源码源码资源下载整理.zip

    【源码资源】引导自动跳转网页是一种常见的网页设计技术,尤其在网站更新、推广链接或者页面重定向时经常被用到。这款源码资源提供了一种美观且实用的解决方案,帮助开发者快速实现用户访问页面后的自动跳转,同时...

    实现网页页面跳转的几种方法(meta标签、js实现、php实现)

    以下将详细介绍通过meta标签、JavaScript以及PHP实现页面跳转的几种常见方式。 1. Meta标签实现 Meta标签是HTML文档头部的一种元数据,可以用来设置页面的刷新或重定向。通过设置`http-equiv`属性为`refresh`,并...

Global site tag (gtag.js) - Google Analytics