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