`

设计返回上一页

阅读更多
在设计公共的错误和成功之类的页面的时候,都免不了会要一个"返回上一页"的链接和按钮之类的页面元素
一般的使用
<input type=button value=后退 onclick="window.history.go(-1)">
<input type=button value=后退 onclick="window.history.back()"> 

或者
<a class="btn btn-primary btn-lg" role="button" href="window.history.go(-1)">你还能返回上一页</a>
<a class="btn btn-primary btn-lg" role="button" href="javascript:window.history.back()">你还能返回上一页</a>

就能满足需求了

可是如果碰到返回上一页同时刷新上一页的如何办

<a class="btn btn-primary btn-lg" role="button" href="javascript:[color=red]window.location.href=document.referrer[/color]">你还能返回上一页</a>


document.referrer 是上一页的地址,然后懂了。
分享到:
评论

相关推荐

    JavaScript获得当前网页来源页面(即上一页)的方法

    本文实例讲述了JavaScript获得当前网页来源页面(即上一页)的方法。分享给大家供大家参考。具体如下: 下面的JS代码通过document.referrer获得来源页面地址 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;body&gt; The ...

    IOS开发向右滑动返回前一个页面功能(demo)

    然而现在android的手机市场上几乎很难找到小于4寸屏的手机了,几乎所有的应用都是通过点击左上角的返回来退到上一个页面,如果单手拿一个大屏手机,我是觉得会发疯。为此花了点时间写了个向右滑动返回的demo。 效果...

    基于Python的Flask_Login登录成功返回上一页.zip

    各领域数据集,工具源码,适合毕业设计、课程设计作业,所有源码均经过严格测试,可以直接运行,可以放心下载使用。有任何使用问题欢迎随时与博主沟通,第一时间进行解答!

    Vue利用History记录上一页面的数据方法实例

    本文主要介绍的是Vue利用History记录上一页面数据的相关内容,vue使用history后,能够使得url更加漂亮,也就是不再有‘#’的问题,下面话不多说了,来一起看看详细的介绍吧 UI 需求 从列表页的第二页进入详情页,...

    javajava概要设计方案.doc

    概要设计 1.引言 1.1编写的目的。... 用户输入查询词 索引库 查询 返回结果 在返回的页面中显示结果 javajava概要设计方案全文共5页,当前为第4页。 javajava概要设计方案全文共5页,当前为第5页。

    jsp一个个人博客的设计与实现

    本文将详细介绍如何使用jsp设计和实现一个个人博客的网站,涵盖系统设计、功能需求、性能需求、系统架构、业务流程等多个方面的知识点。 系统设计 在设计个人博客网站时,需要考虑到系统的总体架构、物理结构、...

    Asp.Net验证控件应用--用户注册页面

    2、验证控件十分方便,可以帮助我们很好解决提示用户输入的作用,达到一种很好的用户体验效果。 3、本程序,采用了非空验证(RequireValidator)、范围验证(RangeValidator)、手机号码以及电子邮件的验证...

    数据库备份设计文档.docx

    Object 否 返回的数据对象 用户管理功能 功能概述 管理员对用户的操作管理 用例描述 数据库备份设计文档全文共14页,当前为第4页。数据库备份设计文档全文共14页,当前为第4页。重要的业务处理流程 数据库备份设计...

    软件著作权设计说明书.pdf

    连接功能是指设备与电脑之间用USB设备建立连接,连接之前需要先安装USB驱动,如果安装无误并建立连接之后,点击“连接”,软件给设备存储器发送一个命令,是存储器做好准备,并返回设备时间和电量信息。 提取数据...

    什么是数据库设计数据库设计的步骤.docx

    缺乏科学理论和工程方法的支持,工程的质量难以保证 数据库运行一段时间后常常又不同程度地发现各种问题,增加了维护代价 规范设计法 什么是数据库设计数据库设计的步骤全文共3页,当前为第2页。什么是数据库设计...

    基于html5的电商网页设计.rar

    关于电商网站的网页设计。 1. 制作一个电商网站,主题自定。 ...8.页面内容丰富、主题明确、色彩协调、结构清晰,图片、音、视频等对象符合主题,其它各页的设计和制作要和首页保持相同的风格。

    Fikker设计与实现V3

    Fikker 是一款面向广大站长的专业级网站加速服务器软件,跨平台,全界面化管理,利用页面缓存技术(webcache),网站管理员或开发人员通过 Fikker 管理平台将指定的页面缓存起来,其他用户在访问相同页面时候,就不...

    毕业设计-基于python漏洞扫描系统毕业设计与实现(源码+数据库+演示视频).zip

    本次的系统搭建,是以Python框架来进行有效的功能模块的搭建,通过以MySQL数据库来进行数据对接,通过核心的端口扫描,输入ip地址后返回扫描的结果,设计端口列表菜单,在端口列表菜单中能够查看到每一项查询过的...

    通讯录管理系统-C语言课程设计.docx

    判断是否是0~6 开始显示一系列功能选项 N 输入n,判断是否是0~6 开始 显示一系列功能选项 根据n的值调用各功能模块函数结束 Y 根据n的值调用各功能模块函数 结束 【程序】 通讯录管理系统-C语言课程设计全文共16页,...

    Asp web课程设计

    要求至少三张子页;各个子页面可链接返回主页; ② 可以应用表格或框架来组织排版; ③ 网页的素材要分类建立文件夹存放;文件夹和文件的名称以英文字母命名; ④ 页面中的路径要使用“相对路径”表示; ⑤ 使用...

    软件详细设计报告文档.doc

    * 好友动态过程:用户点击好友动态页,可以选择添加一名好友,等待验证通过后方可成为好友。 * 聊天过程:用户点击聊天,跳转到聊天页面,选择一名好友,输入信息,点击发送按钮。 * 系统日志过程:用户点击系统日志...

    单片机课程的“可视化”教学设计分析.docx

    单片机课程的"可视化"教学设计分析全文共4页,当前为第1页。单片机课程的"可视化"教学设计分析全文共4页,当前为第1页。单片机课程的"可视化"教学设计分析 单片机课程的"可视化"教学设计分析全文共4页,当前为第1页...

    Android PhoneWindowManager监听屏幕右侧向左滑动实现返回功能

    由于项目没有设计返回键,一旦进入别的应用,就无法回到桌面。只能通过串口输入input keyevent 4(返回键)来返回桌面,为了方便调试,在Framework 中监听手势,实现返回功能。  在frameworks\base\services\core\...

    【JavaScript源代码】JavaScript实现返回顶部按钮案例.docx

     本文实例为大家分享了JavaScript实现返回顶部按钮的具体代码,供大家参考,具体内容如下 思路: 首先先设计出其静态样式,这里主要利用固定定位,将其固定在页面底部的某一位置处 .backtotop { position: ...

Global site tag (gtag.js) - Google Analytics