History 对象包含用户(在浏览器窗口中)访问过的 URL。

History 对象是 window 对象的一部分,可通过 window.history 属性对其进行访问。

注意: 没有应用于History对象的公开标准,不过所有浏览器都支持该对象。

History 对象属性

属性 描述
length 返回浏览器历史列表中的 URL 数量。

History 对象方法

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

History 对象描述

History 对象最初设计来表示窗口的浏览历史。但出于隐私方面的原因,History 对象不再允许脚本访问已经访问过的实际 URL。唯一保持使用的功能只有 back()、forward() 和 go() 方法。

Histyory 实际应用

返回一个页面方法有很多,就好比给返回按钮绑定一个URL,但是如果一个页面可以从很多页面到达,那么这个页面返回的页面就不是固定的,那么绑定固定的URL显然不妥。
history.back(-1)  //直接返回当前页的上一页,数据全部消失,是个新页面
history.go(-1)    //也是返回当前页的上一页,不过表单里的数据全部还在
history.back(0)   //刷新
history.back(1)   //前进 

浏览器实际情况

IE5–IE11,360极速浏览器,谷歌,火狐,UC浏览器
history.go(-1)、history.back()、window.location.href=document.referrer
都会在返回页刷新重新执行JS;
苹果浏览器(5.1.7)只有window.location.href 会在返回页重新执行JS
chrome和ff浏览器后退页面,会刷新后退的页面,若有数据请求也会提交数据申请。类似于
history.back()

安卓苹果 微信 QQ 支付宝 钉钉 UC浏览器部分history.go(-1)、history.back()会在返回页刷新重新执行JS,部分不会。。window.location.href 会在返回页重新执行JS。。
而safari(包括桌面版和ipad版本)的后退按钮则不会刷新页面,也不会提交数据申请。类似于
Javascript:history.go(-1)。

无论pc还是手机端history.go(-1)、history.back()效果相同。

window.location.reload() //刷新
window.history.go(1) //前进
window.history.go(-1) //后退
window.history.forward() //前进
window.history.back() 后退+刷新
window.location.href=document.referrer//后退+刷新
点击"后退"链接时,在IE,firefix下, history .go(-1)可以起到后退的作用,但在chrome下不起作用,要用 history .go(-2)才生效。 后来研究了一下,发现在IE,firefix中解析为执行onclick事件,即执行 history .go(-1) 页面 就跳走了不执行标签的href,但在chrome下,不光执行了onclick事件,还... 在做一个Web项目时遇到一个需求,当 页面 没有前驱历史记录时(就是当前为新弹出的 页面 ,没法做goback操作即 history .go(-1)),点击返回按钮时直接关闭 页面 ,否则就退回到前一页。 遇到的问题就是如何判断 是否有 history 可以回退,这个非常麻烦,因为没有这样的函数直接能获取到,只能通过 history .length这个变量做变通的处理,但是对于IE,和非IE的length的返回值不同,ie: history .length=0, 非IE的为1,因此写了一个函数实现前面所需求的这个功能。分享给大家。 * 返回前一页(或关闭本 页面 ) * <li>如果没有前一页历史,则直接关闭当 window. history .back() //返回前一个页的状态,如果一个页我修改了3次那必须后退3次才能回到前一个页 window. history .back(-1) //返回 window. history .go(-1) //返回+刷新 window. history .forward() window. history .go(1) window. history .back(1) 当前 页面 最近项目中用到 history .go(-1) ,个人研究了一下,就将 history .go(-1)和 history .back(-1)拿到一起来,做个总结: history .go(-1)和 history .back(-1)在功能上都是返回当前页的上一级 页面 ,但 history .go(-1)返回后,原 页面 数据会丢失,而 history .back(-1)则会将原 页面 的数据保存,所以在使用过程中, history Javascript: history .go()和 history .back()的用法与 区别 简单的说就是:go(-1):返回上一页,原 页面 表单中的内容会丢失;back():返回上一页,原页表表单中的内容会保留。 history .go(-1):后退+刷新 history .back():后退 之所以注意到这个 区别 ,是因为不同的浏览器后退行为也是有 区别 的,而 区别 就跟javascri 标签:it Javascript 返回上一页1. Javascript 返回上一页 history .go(-1), 返回两个 页面 : history .go(-2);2. history .back().3. window. history .forward()返回下一页4. window. history .go(返回第几页,也可以使用访 history .back(1):前进 使用路由进行 页面 前进时,路由会向 history 栈添加一个新的记录,所以,当用户点击$router.back()后退按钮时,则回到之前 项目需求:先进入内容列表 页面 页面 显示数据,每一条数据对应一个标题,点击标题(超链接)进入内容页,点击返回(超链接)可以回到内容列表 页面 本来想使用 history .go(-1)简单地返回上一页,但却出现了一个奇怪的现象1进入内容列表页,点击内容页后返回成功2在内容列表页点击【搜索】,获得新数据后点击标题进入内容页,点击【返回】,出现网页已过期错误 页面 3点击【搜索】,再点击【下一页】,然后再点击标题进... H5 页面 做多了,自然就会做到 页面 上的返回功能,返回功能大致有两种: history .back(-1)和 history .go(-1),今天我们来说说两种方法的 区别 history .back(-1)和 history .go(-1)的 区别 这个方法的用途 返回一个 页面 方法有很多,就好比给返回按钮绑定一个U //返回上一个 页面 后进行刷新 window. location .replace(document.referrer) window. location .href=“上一个 页面 URL” 摘要:服务器技术网nifengsoft 附: Javascript刷新 页面 的几种方法: 1 history .go(0) 2 location .reload()本篇文章主要是对JS刷新当前 页面 的几种方法进行了详细的总结介绍,需要的朋友可以过来参考下,希望对大家有所帮parent. location .reload();self.opener. location .reload();//如何刷新包含该框架的页... window. history .go(-1)和window. location .go(-1) 虽然都是回到上一页,但是: window. history .go(-1)是返回上一页 window. location .go(-1)是刷新上一页 history .back(-1):直接返回当前页的上一页,数据全部消息,是个新 页面 history .go(-1):也是返回当前页的上一页,不过表单里的数据全部还在 history .back(1) 前进 history .back(-1) 后退 window. location .rel