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

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();

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 怀着满心的热枕之心,我走出了家乡的山沟沟,千里迢迢来到距家千里之外的大城市上大学了。我深知大学机会来之不易,因此...
    陈XE阅读 2,372评论 0 0
  • 标签:武志红的心理学课|觉知|潜意识概念的提出 癔症是什么呢? 又称歇斯底里症。常见病因:具有暗示性、表演性、自我...
    温暖的娟子阅读 5,028评论 0 2
  • 有多少人,一边熬着最久的夜,一边敷着最贵的面膜; 有多少人,一边收藏养生指南,一边拼命加班到深夜; 有多少人,一边...
    成长有塔阅读 871评论 0 1
  • CSS中在不同场景下,解决居中的方式有很多,经常让人无从下手,所有我们将CSS居中进行一次小结,方便以后我们布局使...
    字母31阅读 1,859评论 0 1