【js 实现浏览历史记录示例】教程文章相关的互联网学习教程文章

javascript – 使用AJAX表单的HTML5历史记录【代码】

我正在尝试使用AJAX表单实现HTML5历史记录. 表单包含一些单选按钮和下拉列表.更改任何这些输入后,表单将自动提交,结果将通过AJAX返回. 现在已经实现了历史记录,URL会更新,所以它看起来像这样: /货币型= USD和放大器;年= 2015 以下是我执行AJAX和更新URL的方法:$('#currency-form input, #currency-form select').change(function() {var form = $('#currency-form');var url = form.attr('action');var data = form.serialize();...

javascript – 在历史记录中更改document.location.hash

在产品列表页面上按下参考“购买”,我在Ajax的帮助下将文章添加到购物车,并将文章ID放到document.location.hash.当我从购物车中删除文章并在浏览器中“返回”按钮的帮助下返回时,我需要从产品列表页面上的location.hash中删除产品ID.可能吗?解决方法:不.您无法通过设计修改浏览器中的历史记录,想象一下可能会产生哪些安全影响?例如,您可以将某些内容推送到历史记录中并发出history.back()以将用户发送到您想要的任何位置! 您必须...

javascript – 在浏览器的历史记录中保存的Ajax请求

有没有一种简单的方法可以将ajax请求保存到浏览器的历史记录中,这样当您使用后退按钮时,它将保留DOM的最后状态? 像twitter和digg这样使用ajax寻呼机的网站有一个可用性缺陷,如果你多次点击下一页然后点击远离网站,然后使用后退按钮返回,你将失去在视口中的位置,因为DOM已恢复到第一个初始请求. 我注意到safari实际上在一些网站上的几个ajax请求之后保留了dom.下面是一个示例,转到http://13gb.com,单击下一步,然后单击图像,然后单击...

javascript – 如何使用Nightwatch导航回历史记录?

我有一个测试点击一些在单页面应用程序中浏览浏览器的链接.在测试中,我希望浏览器返回到原始页面,然后断言状态是正确的. 如何让Nightwatch回归,好像它点击浏览器中的后退按钮一样?解决方法:一个简单的client.back()应该可以工作,如API/Protocol参考中所述.

javascript – React Router:在呈现的Route组件中访问历史记录【代码】

我知道有很多问题,但我似乎无法让它工作:我需要从通过路由呈现的子组件访问“历史”. (它从redux容器接收道具). 我需要将历史对象传递给每个Route中呈现的组件,以便我可以在子组件中使用this.props.history.push(‘/ route’).此应用程序之前的动态性较差,因此每个Route都使用component = {someComponent}进行硬编码;但我发现在动态执行路由时,您需要使用render = {()=> < someComponent />}. 将路径从component = {}更改为render...

javascript – 如何在Google Chrome中停用历史记录滑动操作?

我正在创建一个带有文本视图的基于浏览器的桌面应用程序.文本视图可能包含长水平线.在Chrome中,在触控板上执行向左滑动有时会激活history.back操作,有时会激活向左滚动操作.这对我们的用户来说有点烦人. 如何禁用历史记录滑动操作,以便滑动只会滚动? 请注意,我已经提供了自定义的pushstate事件处理程序.此外,历史中的前进/后退在应用程序中具有适当的含义,因此我不能仅禁用历史记录.解决方法:从我所看到的,没有官方认可的方法来解...

JAVASCRIPT - 技术教程分类
JavaScript 教程 JavaScript 简介 JavaScript 用法 JavaScript Chrome 中运行 JavaScript 输出 JavaScript 语法 JavaScript 语句 JavaScript 注释 JavaScript 变量 JavaScript 数据类型 JavaScript 对象 JavaScript 函数 JavaScript 作用域 JavaScript 事件 JavaScript 字符串 JavaScript 运算符 JavaScript 比较 JavaScript 条件语句 JavaScript switch 语句 JavaScript for 循环 JavaScript while 循环 JavaScript break 和 continue 语... JavaScript typeof JavaScript 类型转换 JavaScript 正则表达式 JavaScript 错误 JavaScript 调试 JavaScript 变量提升 JavaScript 严格模式 JavaScript 使用误区 JavaScript 表单 JavaScript 表单验证 JavaScript 验证 API JavaScript 保留关键字 JavaScript this JavaScript let 和 const JavaScript JSON JavaScript void JavaScript 异步编程 JavaScript Promise JavaScript 代码规范 JavaScript 函数定义 JavaScript 函数参数 JavaScript 函数调用 JavaScript 闭包 DOM 简介 DOM HTML DOM CSS DOM 事件 DOM EventListener DOM 元素 HTMLCollection 对象 NodeList 对象 JavaScript 对象 JavaScript prototype JavaScript Number 对象 JavaScript String JavaScript Date(日期) JavaScript Array(数组) JavaScript Boolean(布尔) JavaScript Math(算数) JavaScript RegExp 对象 JavaScript Window JavaScript Window Location JavaScript Navigator JavaScript 弹窗 JavaScript 计时事件 JavaScript Cookie JavaScript 库 JavaScript 实例 JavaScript 对象实例 JavaScript 浏览器对象实例 JavaScript HTML DOM 实例 JavaScript 总结 JavaScript 对象 HTML DOM 对象 JavaScript 异步编程 javascript 全部