咨询电话:
15628812133
09
2017/06

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

发布时间:2017-06-09 16:17:41
发布者:jiangbing
浏览量:
0

返回上一页,我们经常用:

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

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

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

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

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

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

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

返回列表

可以介绍下你们的产品么

你们是怎么收费的呢

现在有优惠活动吗