美文网首页
history.go()和history.back()的用法与区

history.go()和history.back()的用法与区

作者: 皮卡皮卡皮卡丘11 | 来源:发表于2020-01-02 21:41 被阅读0次

Javascript:history.go()和history.back()的用法与区别

简单的说就是:go(-1):返回上一页,原页面表单中的内容会丢失;back():返回上一页,原页表表单中的内容会保留。

具体使用

  • history.go(-1):后退+刷新

  • history.back():后退

  • history.back(-1):直接返回当前页的上一页,数据全部消息,是个新页面

  • history.go(-1):也是返回当前页的上一页,不过表单里的数据全部还在

  • history.back(0) 刷新

  • history.back(1) 前进

  • history.back(-1) 后退

浏览器差异

之所以注意到这个区别,是因为不同的浏览器后退行为也是有区别的,而区别就跟javascript:history.go()和history.back()的区别类似。

  • Chrome和ff浏览器后退页面,会刷新后退的页面,若有数据请求也会提交数据申请。类似于history.go(-1)

  • 而safari(包括桌面版和ipad版)的后退按钮则不会刷新页面,也不会提交数据申请。类似于javascript:history.back();

相关文章

网友评论

      本文标题:history.go()和history.back()的用法与区

      本文链接:https://www.haomeiwen.com/subject/dfhaoctx.html