`

页面的跳转功能

 
阅读更多
页面的跳转功能,通过点击事件关联一个函数进行页面的跳转。


第一种:直接跳转
点击事件页面如下

<html>
<head>
</head>
<body>
<p click="page_turnning()">点击我跳转页面</p>
</body>
<script>
  function page_turnning(){
   window.location.herf="object_package.html";
  }
</script>
</html>


跳转页面 object_package.html 页面如下:


<html>
<head></head>

<body>
<p>跳转后的页面</p>
</body>

</html>


第二种:返回上一次跳转的页面

通过点击事件返回前一次访问的页面
<html>
<head></head>
<body>
<p click="turn_back()">点击我返回访问的前一个页面</p>
<script>
function turn_back(){
  alert(""返回");
  window.history.back(-1);
}
</script>
</body>
</html>



分享到:
评论

相关推荐

    android初级页面跳转功能实现

    本教程将详细介绍如何在Android中实现初级的页面跳转功能,以帮助初学者理解这一核心概念。 首先,我们需要了解Android中的Activity。Activity是Android系统中的一个组件,它代表一个可以与用户交互的屏幕。页面...

    jsp实现分页和页面跳转功能的源码与数据库

    本资源包“jsp实现分页和页面跳转功能的源码与数据库”提供了实现这两个关键功能的实例,旨在帮助开发者理解并掌握在实际项目中的应用。 一、分页功能 分页是大型Web应用中常见的功能,它允许用户逐步浏览大量的...

    jsp实现分页和页面跳转功能博文的源代码

    本文将深入讲解如何使用JSP实现分页和页面跳转功能,并基于提供的源代码进行解析。 分页是网页展示大量数据时常用的一种策略,它可以提高用户体验,避免一次性加载过多信息导致页面响应变慢。JSP分页通常涉及以下几...

    jsp实现分页和页面跳转功能的数据库

    jsp实现分页和页面跳转功能博文的相关数据库文件,可以直接导入到mysql数据库中

    页面自定跳转 超链接 跳转 jsp页面跳转

    除了HTML的标签,JavaScript也提供了强大的页面跳转功能。其中最常用的便是window.location对象,它可以获取或设置当前窗口的位置。使用`window.location.href`可以改变当前窗口的位置,从而实现页面跳转。例如: `...

    nginx页面跳转新方式

    为了实现页面跳转功能,首先需要在Nginx配置文件中添加代理转发配置。这一步骤主要是为了实现后端服务器的负载均衡。 ```nginx upstream my.net { ip_hash; server 192.168.3.32:8080; # 服务器A server 192.168...

    vs登陆页面网页跳转

    在VS2008中,这样的登录页面和页面跳转功能是常见的应用场景。通过学习和实践这个例子,开发者可以了解如何使用VS2008创建交互式的Web应用程序,并实现用户身份验证和页面导航。这只是一个基础示例,实际项目中可能...

    小程序自定义导航,下拉刷新,以及页面跳转功能

    在小程序开发中,自定义导航、下拉刷新和页面跳转是常见的功能需求,这些功能的实现对于提升用户体验和优化应用交互至关重要。以下是对这些知识点的详细解释: **1. 小程序自定义导航** 在微信小程序中,系统默认...

    flash页面跳转

    尽管如此,“Flash页面跳转”这一概念依然存在,并可以引申为任何通过Web技术实现的页面跳转功能。 ### JavaScript实现页面跳转的原理 在本例中,页面跳转功能是通过JavaScript实现的。JavaScript是一种常用的...

    Flex页面跳转.txt

    ### Flex页面跳转详解 #### 一、引言 在Flex开发中,页面...开发者可以根据具体需求选择合适的方法来实现灵活的页面跳转功能。在实际开发过程中,还需要注意不同方式之间的兼容性和性能问题,确保应用的稳定运行。

    Android编程中Intent实现页面跳转功能详解

    Android编程中Intent实现页面跳转功能详解 Android编程中Intent是实现页面跳转功能的核心机制,它允许不同的Activity之间进行通信和交互。在Android编程中,Intent是实现页面跳转功能的必要组件,本文将详细介绍...

    html5 css3圆形进度条倒计时页面跳转代码

    页面跳转功能通常由`window.location`对象处理。当倒计时结束时,可以调用`window.location.href`来改变当前页面的URL,实现页面的自动跳转。这可以与倒计时逻辑相结合,确保在倒计时结束后,用户会被引导至预设的新...

    java 页面跳转问题

    根据题目描述:“修改后更新按钮按下后页面跳转到查询页面,请高手们帮一下忙,谢谢”,我们了解到该问题的核心在于实现表单提交后的页面跳转功能。下面将详细解析如何通过JSP和JavaScript来完成这一需求。 #### 二...

    用下拉框实现页面跳转

    要实现下拉框的页面跳转功能,我们需要结合JavaScript。JavaScript是一种轻量级的解释型编程语言,它允许我们在用户的浏览器端动态改变网页内容,包括响应用户的操作。在这个场景中,我们需要监听下拉框的“change”...

    微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法

    本文实例讲述了微信小程序页面跳转功能之从列表的item项跳转到下一个页面的方法。分享给大家供大家参考,具体如下: 很多项目都会有消息记录页,即列表页,紧接着就是点击列表的某一项进入到消息的详情页,这里承接...

    js页面跳转代码汇总

    此段代码用于实现页面跳转功能。`window.location.href`属性可以用来获取或设置当前窗口的位置(URL)。在本例中,代码将当前页面URL作为参数追加到目标URL(`login.jsp`)之后,然后重新定向至新URL。这种方式常...

    跳转页面代码

    总结来说,"跳转页面代码"是一个简单的HTML页面,利用JavaScript实现页面跳转功能,适用于404错误页面。通过修改`index.html`中的JavaScript代码,你可以轻松地改变跳转目标,或者通过添加HTML元素来定制页面的外观...

    页面跳转.zip

    在本案例中,"页面跳转.zip" 文件提供了一个实现页面跳转功能的代码示例,适合初学者理解和学习。下面我们将深入探讨页面跳转的相关知识点。 1. 页面跳转类型: - 服务器端跳转:服务器处理请求后,通过HTTP响应...

    多个页面的跳转备忘录.rar

    【标题】:“多个页面的跳转备忘录.rar”揭示了这个项目是一个关于Android应用开发的期末作业,重点在于实现应用程序中的多页面跳转功能。在Android开发中,页面跳转是用户界面交互的核心部分,它允许用户在不同的...

Global site tag (gtag.js) - Google Analytics