history.back(-1)和history.go(-1)的区别

a460550542 · · 6094 次点击 · · 开始浏览    
这是一个创建于 的文章,其中的信息可能已经有所发展或是发生改变。

history.back(-1)和history.go(-1)的区别

阅读:7233 次   编辑日期:2016-01-11

目录:



概述:

H5页面做多了,自然就会做到页面上的返回功能,返回功能大致有两种:history.back(-1)和history.go(-1),今天我们来说说两种方法的区别。

history.back(-1)和history.go(-1)的区别

这个方法的用途

返回一个页面方法有很多,就好比给返回按钮绑定一个URL,但是如果一个页面可以从很多页面到达,那么这个页面返回的页面就不是固定的,那么绑定固定的URL显然不妥。

两个方法的区别

既然history.back(-1)和history.go(-1)都是返回之前页面,但是方法不同,所以肯定是有区别的:
1
2
history.back(-1)//直接返回当前页的上一页,数据全部消息,是个新页面
history.go(-1)//也是返回当前页的上一页,不过表单里的数据全部还在

总结

返回、前进页面的方法下面总结一下:
经测试:
pc端:IE5--IE11,360极速浏览器,谷歌,火狐,UC浏览器
history.go(-1)、history.back()、window.location.href=document.referrer
都会在返回页刷新重新执行JS,,,苹果浏览器(5.1.7)只有window.location.href     会在返回页重新执行JS。。

手机端:安卓苹果 微信QQ支付宝钉钉UC浏览器部分history.go(-1)、history.back()会在返回页刷新重新执行JS,部分不会。。window.location.href 会在返回页重新执行JS。。

无论pc还是手机端history.go(-1)、history.back()效果相同。
1
2
3
4
5
window.location.reload()//刷新
window.history.go(1)//前进
window.history.go(-1)//后退
window.history.forward()//前进
window.history.back() 
后退+刷新
window.location.href=document.referrer//后退+刷新

有疑问加站长微信联系(非本文作者)

本文来自:CSDN博客

感谢作者:a460550542

查看原文:history.back(-1)和history.go(-1)的区别

入群交流(和以上内容无关):加入Go大咖交流群,或添加微信:liuxiaoyan-s 备注:入群;或加QQ群:701969077

6094 次点击  ∙  1 赞  
加入收藏 微博
暂无回复
添加一条新回复 (您需要 登录 后才能回复 没有账号 ?)
  • 请尽量让自己的回复能够对别人有帮助
  • 支持 Markdown 格式, **粗体**、~~删除线~~、`单行代码`
  • 支持 @ 本站用户;支持表情(输入 : 提示),见 Emoji cheat sheet
  • 图片支持拖拽、截图粘贴等方式上传