微信扫一扫打赏支持

javascript中back(-1)和go(-1)的区别

javascript中back(-1)和go(-1)的区别

一、总结

一句话总结:

数据

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

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

 

1、开发人员可以知道用户浏览的url么?

不可以

出于安全因素的考虑,开发人员无法得知用户浏览过的URL,只能通过用户访问过的页面列表,实现后退和前进,进而模仿浏览器的“后退”和“前进”按钮

 

2、刷新?

history.back(0)

history.back(0) 刷新

 

 

二、页面返回/取消到上个页面back(-1)和go(-1)的区别

back() 加载 history 列表中的前一个 URL。
forward() 加载 history 列表中的下一个 URL。
go() 加载 history 列表中的某个具体页面。

 

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

 

方法的用途

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

方法的区别

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

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

history.back(0) 刷新

history.back(1) 前进

history.back(-1) 后退

 

参考:页面返回/取消到上个页面back(-1)和go(-1)的区别 - u011277123的博客 - CSDN博客
https://blog.csdn.net/u011277123/article/details/54580090

 

三、history对象的一些知识点

history对象可以保存用户的上网的历史记录,即从窗口被打开的那一刻算起。这里有个比较纠结的问题,出于安全因素的考虑,开发人员无法得知用户浏览过的URL,

只能通过用户访问过的页面列表,实现后退和前进,进而模仿浏览器的“后退”和“前进”按钮

具体实现方法:

//后退一页

history.go(-1);

==history.back();

//前进一页

history.go(1);

==history.forward();

类似还有:

//前进两页

history.go(2);

......

还可以传入字符串,但是不可控哦,比如

history.go("baidu.com");

是你最近打开的百度的链接,不一定是后退还是前进。

history.length,保存了历史记录的数量,注意:当页面的URL改变时,就会生成一条记录。

此外,在IE8+,Opera,Firefox,Safari3+,Chrome中,hash值(location.hash)改变也会生成一条新的历史记录。

 
参考:history对象的一些知识点 - 漆黑小T - 博客园
http://www.cnblogs.com/bug-master/p/6201488.html
 
 
posted @ 2018-11-04 15:40  范仁义  阅读(3651)  评论(0编辑  收藏  举报