京东商城移动端的后退按钮是如何实现的?

如图,京东商城移动端后退按钮是如何实现的?
图片描述

图片描述

阅读 3.4k
2 个回答

你自己不是都把代码贴出来了么

// 把前一页的地址缓存在args的gobackUrl

// 点击的时候运行一下就行了
window.location.href = m.args.gobackUrl
goBack: function() {
    var e = this.oBox;
    e.tabIndex && 0 !== e.tabIndex ? (e.tabIndex = 0,
    e.sliderX = 0,
    this.tabSwitch(e.tabIndex),
    this.toTopMping(e.tabIndex)) : window.history.go(-1)
},

看了代码,返回其实用的就是window.history.go(-1); 只不过在有tab的情况下,会进行额外的处理。

其实目前的前端,实现路由跳转,很多是使用了h5的histroy api, 这个你可以多做了解。 很多路由库如,vue-router,react-router,以及框架无关的router等,都是利用了这个。

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题