草庐IT

histories

全部标签

HTML5 History API : JSON displayed when going "back" to another page, 然后又是 "forward"

我有一个页面,其中有几个搜索/过滤按钮,单击这些按钮时,会通过AJAX刷新下面列表的内容。在此过程中,我正在修改历史记录(通过pushstate),以便新过滤的页面可以添加书签,这样后退按钮就可以使用了。我也在监听popstate事件,以对返回使用react。我的代码大致是这样的:window.addEventListener("popstate",function(ev){if(!window.history_ready){return;}//AvoidtheonetimeitrunsonloadrefreshFilter(window.location.href,true);});

javascript - HTML5 History API - 状态对象的最大大小是多少?

pushState方法接受状态对象。Firefox文档说这个对象的最大大小是640kb。规范中是否定义了浏览器可以实现的最小最大尺寸是多少?我可以合理地期望主流浏览器为我提供至少100kb的空间吗?编辑:我用Chrome对其进行了测试,它仍然适用于超过1MB的状态对象。 最佳答案 规范没有规定限制,但是各种浏览器都有自己的限制。Firefox的文件有据可查,正如您所说,它有640kB(“任何人都需要的RAM”)。我在任何地方都找不到Chrome或InternetExplorer的列表,但一些快速测试显示:Chrome至少可以工作10

javascript - 检查浏览器兼容性以支持 HTML5 History API?

有什么方法可以使用JavaScript检查浏览器是否支持“HTML5HistoryAPI”。我是否必须在if语句中使用一长串条件检查所有浏览器及其版本。或者只是像使用“if”语句检查任何函数对象就足够了???... 最佳答案 检查全局历史对象上是否存在pushState()方法就足够了。functionsupports_history_api(){return!!(window.history&&history.pushState);}对于更通用的HTML5功能检测,我会看看Modernizerhttp://diveintohtml

jQuery 和 history.js 示例

我在将history.js与jQuery结合使用时遇到了一些问题。我只是想让一个导航集与后退按钮一起工作(他们似乎做得很好)。然而。当我单击后退按钮时,网址会更改为旧网址(这又很好,也是我想要的),但内容不会按应有的方式替换。为了让这更容易理解,这里有一些代码。Contentpage1Contentpage2Contentpage3Contentpage4Contentpage5ContentwithinthisboxisreplacedwithcontentfromsupportingpagesusingjavascriptandAJAX.显然,我想要的是将页面内容加载到内容中,这可

html - History.js 的实现

我正在尝试为我的ajax站点实现History.js,以便我可以使用前进和后退按钮甚至书签。但是示例@https://github.com/browserstate/History.js/让我对如何实现它有点困惑。有没有人有关于如何使用它的简单教程或示例。我们可以用来启动示例的示例是导航链接,例如window.onload=function(){function1();};Function1 最佳答案 我无法完全理解如何使用History.js。以下是他们wiki中的一些代码以及我对解释的评论:1。获取对history.js对象的引

javascript - history.pushState - 不工作?

我想在不重新加载的情况下更改html。我喜欢这样做:$('#left_menu_item').click(function(e){if(!!(window.history&&history.pushState)){e.preventDefault();history.pushState(null,null,newUrl);}});它工作正常。但是如果我想用“后退”按钮返回-浏览器更改以前的url,但它不会重新加载页面。为什么? 最佳答案 此行为是预期的并且符合specifications操纵历史堆栈。这是一个解释起来比较复杂的问题。

javascript - 调用 window.history.back() 时如何维护用户输入?

我正在使用的网站上有两个HTML页面。第一页接收用户输入(开始和结束位置),然后将信息传递到GoogleMapsJavascriptAPI以确定两个位置之间的距离。第二页为用户显示此信息。不过,我还有一个名为Edit的按钮,它会调用onclick="window.history.back()"。我遇到的问题是用户输入的两个部分也使用Google自动完成地址,因此当我转到下一页并单击Edit按钮时,用户输入已从输入框中删除,而在没有Google自动完成的情况下,它仍保留在该位置。我假设问题出在Google自动完成本身,但我该如何解决这个问题?这是Google自动完成的Javascript

javascript - Failed to execute 'pushState' on 'History' error when using window.history.pushState 函数

我在JavascriptMVC应用程序中使用window.history来为每个Controller启用后退/前进/刷新功能。每次加载新Controller时,我都会使用window.history.pushState将新状态添加到历史记录中。然后在返回/刷新时,我使用保存的状态并重用数据再次构建Controller。除特定场景下的一个问题外,整个想法工作正常。我收到以下错误:Failedtoexecute'pushState'on'History':Anobjectcouldnotbecloned.在其他情况下添加相同的数据没有问题。什么会导致此错误?感谢您的协助。

javascript - 如何使用 JS History API pushState 处理刷新页面

我正在创建的一个小型网站(更像是摆弄)使用AJAX来加载每个页面。以前我改变了url的散列,这很好用但很丑,用户可以刷新页面,它会停留在同一页面上。现在我已经切换到在JSHistoryAPI中使用pushState,这看起来好多了,前后工作,但刷新没有。例如:转到:http://example.com/page2转到404,因为没有真正的页面称为第2页。但是如果我单击使用pushState方法更改的按钮url,它可以正常工作。如何使用新的HistoryAPI允许刷新和永久链接?(以及搜索引擎如何处理这个问题,鉴于Google必须创建一种索引哈希url的方法,通过让开发人员切换到#!,他

javascript - 在 Safari、iOS 上使用 History API 后警告、确认和提示不起作用

在iOS上的Safari中调用history.pushState后,将无法再使用alert()、confirm()或prompt(),当使用浏览器后退按钮变回时。这是iOS错误吗?是否有任何已知的解决方法?重现此行为的简单示例:Step1:ConfirmAlertisworkingStep2:ChangeHistoryStep3:useyourbrowserbackbutton,togobackStep4:Alertisnotworkinganymore您可以在这里在线试用:goo.gl/faFW6o. 最佳答案 这是因为Safar