使用JS获取上一页的url地址

使用JS获取上一页的url地址

一般来说每个页面上面都有一个返回按钮,用来返回上一页,代码如下:

<a href="javascript:history.go(-1)" class="jsBack"></a>

上面的代码其实就可以满足我们返回上一页面的需求,但是如果我们是从别的地方打开此链接的时候事实上是没有上一页的,为了提升用户的体验,我们可以使用js来控制当我们点击返回按钮时所进行的操作,关键代码如下:

if (document.referrer === '') { $('.jsBack').attr('href', '/'); }

上面的意思是当我们点击的时候进行判断,如果document.referrer为空字符串,它就会返回首页,这样对用户的体验来说也比较好。

referrer:referrer 属性可返回载入当前文档的文档的 URL,其实就是上一个页面。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/112760.html原文链接:https://javaforall.net

(0)
上一篇 2021年10月30日 下午9:00
下一篇 2021年10月30日 下午10:00


相关推荐

  • 1123581321递归算法_线性递归数列例题

    1123581321递归算法_线性递归数列例题[BZOJ3231][Sdoi2008]递归数列题目大意给定Ci,i∈[1,k]给定C_i,i\in[1,k]定义若i>k,Ai=Ai−1∗C1+Ai−2∗C2+⋯+Ai−k∗Ck若i>k,A_i=A_{i-1}*C_1+A_{i-2}*C_2+\cdots+A_{i-k}*C_k否则Ai=Bi否则A_i=B_i询问sum(A)n−sum(A)m−1询问sum(A)_n-sum(A

    2025年10月30日
    5
  • java实现二维码的生成与解析

    java实现二维码的生成与解析之前在做一个小项目的时候 用到了二维码技术 我同学看到我的项目后就问我怎么做到的 我一时半会也说不清 于是就想写一篇文章简单介绍一下二维码技术 下次再有同学问到 我就直接给他看我的博客就好了 哈哈 废话不多说 咱们开始吧 开始之前还是先给大家看看我在实际应用中的效果 如下图 简单介绍下二维码 二维码其实就是一种编码技术 只是这种编码技术是用在图片上了 将给定的一些文字 数字转换为一张经

    2026年3月26日
    2
  • 光纤接口类型及光纤收发器指示灯图解

    光纤接口类型及光纤收发器指示灯图解光纤接口类型 1 FC 圆型带螺纹 配线架上用的最多 2 ST 卡接式圆型 3 SC 卡接式方型 路由器交换机上用的最多 4 PC 微球面研磨抛光 5 APC 呈 8 度角并做微球面研磨抛光 6 MT RJ 方型 一头双纤收发一体 华为 8850 上有用 7 光纤模块 一般都支持热插拔 8 GBICGigaBitr

    2026年3月20日
    2
  • jboss安装与配置_下载qq和安装

    jboss安装与配置_下载qq和安装JBoss下载与JBoss安装一.              下载与安装JBoss在本文中,我们下载的JBoss版本为:4.2.1.GA。下载地址:http://www.jboss.org/jbossas/downloads/在如上的下载页中下载JBoss-4.2.1.GA.zip文件。下载完成后,将其解压缩后即可完成安装,解压缩后将其放置到

    2022年10月3日
    7
  • IDEA注释快捷键[通俗易懂]

    IDEA注释快捷键[通俗易懂]IDEA可以使用快捷键添加行注释Ctrl+/、块注释Ctrl+Shift+/,还可以快速生成类注释、方法注释等,下面就介绍这几种快捷键的用法.[1]行注释Ctrl+/首先你的光标要处于这一行,处于这行的哪个位置都可以,按Ctrl+/,就可以往行首添加”//”,将该行注释掉。再次按Ctrl+/,可以去掉该行注释。[2]块注释Ctrl+Shift+/使用块注释需要先选中要注释的块。…

    2022年8月15日
    31
  • webpack和vue cli_vuecli webpack配置

    webpack和vue cli_vuecli webpack配置如何知道vue-cli创建的项目对应的webpack版本  找到项目下node_modules/webpack/package.json文件里的version字段即可知道

    2022年8月10日
    10

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号