返回上一页,我们经常用:
history.go(-1)//返回上一页(括号中写-2代表返回上两页) history.back()//返回上一页 返回
在大部分场景下,上面办法可以满足我们的交互需求,但是,在有些时候,上面的代码就有些心有力而气不足,因为当前页面的referrer并不总是存在的。
比方说用户是通过微信分享进来的,直接进入了内页,此时是没有上一页的,返回按钮再怎么点击都没有任何反应,就会让用户很奇怪,十有八九会认为是出现了bug,则会让用户对产品的品质抱有疑虑,那问题可就大了。
那么现在就用到了document.referrer。
如果发现浏览器没有上一页来源信息,我们就把返回按钮的链接改成首页的链接地址,这样无论什么时候,用户点击返回按钮一定是会有反应的,并且返回首页从逻辑上讲也是合情合理的。而这里判断是否有没有来源信息就是使用这里的document.referrer,当浏览器得不到上一页的来源信息的时候,document.referrer的返回值就是空字符串'',于是就有类似下面的代码:
if (document.referrer === '') { // 没有来源页面信息的时候,改成首页URL地址 $('.jsBack').attr('href', '/'); }
这样就能实现这个功能了。
上一篇: TQ系统如何放到自己的网站上
下一篇: 网站建设的文字排版设计 小细节大问题
关键词: