首页 > TAG信息列表 > html5-history

javascript-react-router v4：防止使用自定义钩子而不是提示进行过渡

在react-router v3中,我一直在使用router.setRouteLeaveHook来检查表单是否有未保存的更改,如果是,则返回false以防止过渡.然后,我将显示一个带有3个按钮的自定义引导模式对话框：“保存更改”,“放弃更改”和“停留在这里”. 我无法使用react-router v4的Prompt组件执行此操作,因为

如何在JavaScript中使用window.history？

我在Stack Overflow上发现了很多关于这个问题的问题,但是他们都对某些部分非常具体.我确实找到了this问题,其答案提供了一些很好的参考,但它们实际上没有解释它是如何工作的,他们的例子几乎没有做任何事情.我想更多地了解它是如何一起工作的,我想使用vanilla JavaScript. (此外,其

javascript – historyApiFallback在Webpack dev服务器中不起作用

我使用Webpack dev服务器和browserHistory in React Router通过HTML5 History API操作URL. historyapifallback-option在我的webpack配置文件中不起作用.刷新http：// localhost：8080 / users或http：// localhost：8080 / products后我得到了404. webpack.config.js var webpack = requi

javascript – 修改window.history.state添加属性

我想在window.history.state中添加一个名为html的属性,以便稍后使用. 所以我做了： window.history.state.html = 'something'; 但是当我回到历史时,财产似乎并不存在. 我尝试了window.history.replaceState并复制了所有状态的属性,并添加了我需要的属性,但首先它似乎正在进行另一

javascript – 如何防止iframe修改顶级浏览上下文(top.history)？

我尝试创建一些布局管理Web应用程序,它能够托管其中的其他子应用程序(同域). 目前,主应用程序可以跟踪子应用程序中的任何导航并在主应用程序中保存导航记录.用户可以单击后退或前进按钮转到最近页面.一切正常,直到我在子应用程序中找到一些代码,以编程方式更改location.hash属性

javascript – 使用AJAX表单的HTML5历史记录

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

javascript – 跟踪按钮点击次数

作为新产品指标的一部分,我们需要衡量页面上的后退按钮点击次数. 由于该站点不是AJAX而且我们在“pushState”中没有使用,因此在浏览器中单击返回时不会触发“popState”. 捕获后退按钮事件的唯一目的是注册分析事件. 谷歌搜索了几个小时后,尝试了几种不同的解决方案,我出现了空洞