2017/06

返回上一页document.referrer与history.go(-1)的区别

发布时间：2017-06-09 16:17:41

发布者：jiangbing

浏览量:

返回上一页，我们经常用：

history.go(-1)//返回上一页(括号中写-2代表返回上两页)
history.back()//返回上一页
返回

在大部分场景下，上面办法可以满足我们的交互需求，但是，在有些时候，上面的代码就有些心有力而气不足，因为当前页面的referrer并不总是存在的。

比方说用户是通过微信分享进来的，直接进入了内页，此时是没有上一页的，返回按钮再怎么点击都没有任何反应，就会让用户很奇怪，十有八九会认为是出现了bug，则会让用户对产品的品质抱有疑虑，那问题可就大了。

那么现在就用到了document.referrer。

如果发现浏览器没有上一页来源信息，我们就把返回按钮的链接改成首页的链接地址，这样无论什么时候，用户点击返回按钮一定是会有反应的，并且返回首页从逻辑上讲也是合情合理的。而这里判断是否有没有来源信息就是使用这里的document.referrer，当浏览器得不到上一页的来源信息的时候，document.referrer的返回值就是空字符串''，于是就有类似下面的代码：

if (document.referrer === '') {    // 没有来源页面信息的时候，改成首页URL地址
    $('.jsBack').attr('href', '/');
}

这样就能实现这个功能了。

上一篇： TQ系统如何放到自己的网站上

下一篇：网站建设的文字排版设计小细节大问题

关键词:

如何

返回列表

2025-03-15

低并发，简单任务。PHP原生队列，如何简单实现查看详情

2025-03-15

PHP如何不使用插件，原生实现异步执行查看详情

2025-03-12

美容店如何用“会员月卡+限制折扣”实现引流锁客查看详情

2025-02-28

实体店老板如何用数据分析爆改经验策略查看详情

2025-02-12

教育培训机构如何制作自己的教育培训小程序查看详情

2025-01-18

你还在经常手动续期证书吗？宝塔面板如何给自动续签免费证书查看详情