测试浏览器:IE8
动作1:
A画面:查询画面
↓submit
B画面:查询结果画面
↓history.back()
A画面:查询画面 (查询输入值还在)
动作2:
A画面:查询画面
↓window.open()
C画面(pop画面) 比如说,项目的值是通过弹出一个表,然后选择值来作为输入
↓window.close() 输入完后,关闭pop画面,返回查询画面
A画面:查询画面
↓submit
B画面:查询结果画面
↓history.back()
A画面:查询画面 (查询输入值没了,原因是页面刷新了,所以值都回到默认值)
测试浏览器:Firefox,google chrome, safari
动作2:
A画面:查询画面
↓window.open()
C画面(pop画面) 比如说,项目的值是通过弹出一个表,然后选择值来作为输入
↓window.close() 输入完后,关闭pop画面,返回查询画面
A画面:查询画面
↓submit
B画面:查询结果画面
↓history.back()
A画面:查询画面 (查询输入值还在)
个人判断:动作2的情况下,IE使用history.back()按钮时,因为中间过程中产生了一个子画面(C画面)的过程,history.back()估计是取到子画面的内容了,而没有能够取到A画面过去的纪录,所以返回A画面的时候,页面刷新了。 而其他的浏览器的测试结果,也许是在history的处理机制上和IE不同,当中间打开了一个新的子画面,但主画面的纪录仍然能通过history.back()按钮来获取。
从url返回和history.back()取历史纪录两方面来看,感觉IE似乎url和历史纪录不一致。
(返回了A画面,但却去取C画面的历史纪录)不知道IE这样做有什么特别之处。。。
分享到:
相关推荐
### JavaScript中的历史对象方法详解:history.go()与history.back() #### 一、引言 在Web开发中,浏览器的历史管理是非常重要的一个环节。通过浏览器的历史记录,用户可以方便地回退到之前的页面或者前进到下一个...
浏览器的`history.js`是一个非常重要的前端库,它主要用于处理浏览器的历史记录,使得开发者能够更加灵活地控制页面的前进、后退操作,特别是在实现单页应用(Single Page Application, SPA)时非常有用。...
在JavaScript中,`history.go()`和`history.back()`是两个用于管理历史记录的方法。本文将详细介绍`history.go()`和`history.back()`之间的区别,以及如何在Web应用中有效利用这些功能。 首先,我们需要了解Web...
javascript-history.go()和History.back()的区别.doc
如果您打算支持旧版浏览器,那么可以使用History.js。 该通知位于此处,因为History.js没有获得足够的资金来维护,因此它仅在旧版浏览器的旧版条件下存在。 也许它仍然适用于现代浏览器,但实际上可以进行维护。 ...
但是,在处理表单提交失败的情况时,有时候用户执行浏览器的返回动作(如点击浏览器的后退按钮或使用history.go(-1)方法),编辑框中可能会出现HTML源代码。这一现象通常发生在浏览器为了重新加载页面使用缓存中的...
* history.replaceState方法:将当前页面的状态替换到浏览器的历史记录中。 * window.onpopstate事件:当浏览器的历史记录发生变化时触发该事件。 * pjax技术:基于ajax+history.pushState的新技术,可以无刷新改变...
- `location.reload`和`history.go`同样在IE6/7/8中可以直接调用,但在其他浏览器中可能需要在特定上下文中使用,否则可能导致错误。 为了确保代码在各种浏览器中兼容,开发者应遵循最佳实践,使用前文所述的修复...
批处理方式打开History.IE5,查看操作系统临时文件
`window.history.back()`和`window.history.forward()`可以实现页面的后退和前进操作,而`window.history.go(n)`则可以指定移动的历史记录步数。 ```javascript window.history.back(); // 后退一步 window.history....
iOS在微信浏览器回退是不重新加载页面... //window.history.back(); //在历史记录中后退,这就像用户点击浏览器的后退按钮一样。 //window.history.go(-1); //你可以使用go()方法从当前会话的历史记录中加载页面(当
JavaScript Window History window.history 对象包含浏览器的历史。 Window History window.history对象在编写...history.back() 方法加载历史列表中的前一个 URL。 这与在浏览器中点击后退按钮是相同的: 实例 在
history.pushState(null, null, document.URL); window.addEventListener(‘popstate', function() { history.pushState(null, null, document.URL); }); vue阻止浏览器后退按钮与js相同,同样没有脱离原生的js 以上...
此外,为了兼容不同的浏览器环境,还需要引入第三方库如History.js,并且适当地管理URL的hash部分,以确保在所有情况下都能正确地禁用后退操作。这种方法不仅增强了用户体验,还为特定的应用场景提供了必要的控制...
history.csv 包含了EDHEC提供的1997-2016年不同风格的对冲基金的收益率数据。 history.csv 包含了EDHEC提供的1997-2016年不同风格的对冲基金的收益率数据。history.csv 包含了EDHEC提供的1997-2016年不同风格的对冲...
示例代码:<a href="#" onclick=location.reload()>刷新</a> 或 <a href="#" onclick=history.go(0)>刷新 2. 源文件命令的实现 使用 location.replace("view-source:"+location) 可以实现源文件命令,该命令可以...
浏览器对象模型(BOM,Browser Object Model)是Web开发中的一种特性,自IE3和Netscape Navigator 3以来被广泛使用。BOM的核心在于它允许开发者通过JavaScript对浏览器窗口进行访问和操作,超越了HTML文档本身的内容...
MTK History.doc文档很可能详细介绍了这两个接口的工作原理、如何集成到应用程序中、参数说明、使用示例以及可能遇到的问题和解决策略。可能还包括其他相关接口,如添加历史记录、清除历史记录、获取当前历史状态等...