使用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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • fastjson List转JSONArray以及JSONArray转List「建议收藏」

    fastjson List转JSONArray以及JSONArray转List「建议收藏」1.fastjson List转JSONArrayList&lt;T&gt;list=newArrayList&lt;T&gt;();JSONArrayarray=JSONArray.parseArray(JSON.toJSONString(list));2.fastjson JSONArray转ListJSONArrayarray=newJSONArray();List&…

    2022年6月15日
  • python3翻转字符串里的单词

    python3翻转字符串里的单词

    2021年4月16日
  • 设置 IntelliJ IDEA 主题和字体的方法

    设置 IntelliJ IDEA 主题和字体的方法1前言在博文“IntelliJIDEA之HelloWorld项目创建及相关配置文件介绍”中,咱们已经用IntelliJIDEA创建了第一个Java项目HelloWorld,如下图所示:观察上图,大家有没有发现一些问题,例如,整个界面的字体是不是都太小了一点啊?不知道大家感受如何,反正博主看到这么小的字体,当真是头晕眼花啊!因此,接下来,就让咱们一起尝试着把IntelliJ

    2022年6月27日
  • 什么是NP问题,什么是NP hard问题,什么是NP完全问题

    什么是NP问题,什么是NP hard问题,什么是NP完全问题先来看一个小故事:(转自:http://zhm2k.blog.163.com/blog/static/5981506820095233143571/)假如老板要你解决一个问题,你绞尽脑汁还是想不出来,叫天天不应,叫地地不灵,这时你走进老板办公室,可以采取3种策略:1)一副倒霉像,神情猥琐,可怜巴巴的说:老板,我没做出来,我想我是太蠢了……boss:蠢材!滚!(失败……)2)

    2022年10月31日
  • pycharm各个版本有什么不同_pycharm更新python版本

    pycharm各个版本有什么不同_pycharm更新python版本pycharm怎么切换不同版本的pyhton打开pycharm,依次点击File-Settings,如图点击Project:PycharmProject-PyhtonInterpreter(这里的文件解释器,因各人的文件名不同而变化,不一定就是图中的文件名),如图点击设置键和弹出的Add,如图选择ExistingEnvironment,在右侧···选择所要配置的python的位置,如图也可以直接在搜索框粘贴所选的python的位置…

    2022年8月29日
  • TCP拥塞控制基本原理

    TCP拥塞控制基本原理从拥塞控制原理来看,我们有两种方案来解决TCP拥塞控制问题。但是IP层并不提供显式的网路拥塞控制反馈。TCP采用的是方式是让每一个发送方根据感受的网络拥塞程度来限制其向连接发送流量的速率。拥塞控制TCP拥塞控制常被称为加性增,乘性减。这样的方式能够在拥塞的情形下,快速减少发送速率,从而避免严重的拥塞现象出现。慢启动TCP连接在刚开始建立的阶段,发送速率起始慢,T…

    2022年6月24日

发表回复

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

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