草庐IT

Pushstate

全部标签

javascript - 在 IE 中模拟/填充 history.pushstate()

IE不支持history.pushstate()。在IE中还有其他方法可以实现吗? 最佳答案 考虑使用或改编History.js来自GitHub。根据描述:History.jsgracefullysupportstheHTML5History/StateAPIs(pushState,replaceState,onPopState)inallbrowsers.Includingcontinuedsupportfordata,titles,replaceState.SupportsjQuery,MooToolsandPrototype.

javascript - 将后退按钮与 history.pushstate 和 popstate 一起使用时如何触发更改?

在js方面,我几乎是一个新手,所以如果我遗漏了一些非常简单的东西,我很抱歉。基本上,我对history.pustate和popstate的使用做了一些研究,我已经做到了,所以在url的末尾添加了一个查询字符串(?v=images)或(?v=profile)...(v意思是“View”)通过使用这个:varurl="?v=profile"varstateObj={path:url};history.pushState(stateObj,"page2",url);我想这样做,这样我就可以将内容加载到一个div中,但无需重新加载我使用.load()完成的页面。功能。然后我使用了这段代码:$(

javascript - 安全错误 : The operation is insecure - window. history.pushState()

我在Firefox的控制台中收到此错误:SecurityError:Theoperationisinsecure错误是HTML5功能:window.history.pushState()当我尝试时用AJAX加载一些东西。它应该加载一些数据,但Javascript因错误而停止执行。我想知道为什么会这样。这是一些服务器配置错误吗?任何帮助将不胜感激。更新:是的,这是一个域名不匹配的服务器错误:http://en.wikipedia.org/wiki/Same-origin_policy 最佳答案 确保您关注SameOriginPolic

javascript - 如果 popstate 事件来自 HTML5 pushstate 的后退或前进操作,我该如何检索?

我正在开发一个网页,根据下一步或后退Action我做相应的动画,使用pushstate时会出现问题。当我收到事件时,我如何知道用户是否使用PushstateAPI单击了后退或转发历史按钮?还是我必须自己实现一些东西? 最佳答案 您必须自己实现它,这很容易。调用pushState时,为数据对象提供一个唯一的递增ID(uid)。当onpopstate处理程序被调用时;根据包含最后一个状态uid的持久变量检查状态uid。用当前状态uid更新持久变量。根据状态uid大于还是小于上一个状态uid执行不同的操作。

javascript - pushState 和 SEO

很多人一直在说,使用pushState而不是hashbang。我不明白的是,如果不使用hashbang,您将如何对搜索引擎友好?大概您的pushState内容是由客户端JavaScript代码生成的。因此,情况是:我在example.com.我的用户点击了一个链接:href="example.com/blog"pushState捕获点击,更新URL,从某处获取JSON文件,并在内容区域创建博客文章列表。使用hashbangs,谷歌知道去escaped_fragmentURL来获取他们的静态内容。使用pushState,Google什么也看不到,因为它不能使用JavaScript代码加载

javascript - replaceState() 与 pushState()

我一直在阅读和寻找replaceState()和pushState()之间的优缺点。另请阅读Mozilla的article,还有这个interesting进行测试,但我仍然不清楚其中的差异。谁愿意解释一下它们的不同之处? 最佳答案 replaceState()将更改浏览器中的URL(即,按后退按钮不会让您返回)pushState()将更改URL,并将旧的保留在浏览器历史记录中(即按后退按钮将带您返回) 关于javascript-replaceState()与pushState(),我们在

javascript - 在 angular.js 上使用 HTML5 pushstate

我正在尝试实现html5的pushstate,而不是Angularjs使用的#navigation。我试过在谷歌上搜索答案,也尝试过angularirc聊天室,但没有成功。这是我的controllers.js:functionPhoneListCtrl($scope,$http){$http.get('phones/phones.json').success(function(data){$scope.phones=data;});}functionPhoneDetailCtrl($scope,$routeParams){$scope.phoneId=$routeParams.phon

javascript - window.history.pushState 刷新浏览器

我正在编写一些javascript代码,并使用window.History.pushState加载新的HTML页面,而不是使用href标签.我的代码(工作正常)看起来像这样。window.History.pushState({urlPath:'/page1'},"",'/page1')奇怪的是,这失败,即重新加载浏览器window.History.pushState({urlPath:'/page2.php'},"",'/page2.php')但这有效,内容已更新,浏览器未刷新!(注意URL是绝对的而不是相对的)window.History.pushState({urlPath:'ww

javascript - 如何通过 history.pushState 获得有关历史记录更改的通知?

既然HTML5引入了history.pushState为了改变浏览器的历史,网站开始将它与Ajax结合使用,而不是改变URL的片段标识符。遗憾的是,这意味着onhashchange无法再检测到这些调用。我的问题是:是否有可靠的方法(hack?;))来检测网站何时使用history.pushState?规范没有说明引发的任何事件(至少我找不到任何东西)。我尝试创建一个外观并用我自己的JavaScript对象替换window.history,但它根本没有任何效果。进一步说明:我正在开发一个Firefox插件,它需要检测这些变化并采取相应措施。我知道前几天有一个类似的问题问是否听一些DOMe

javascript - 使用 HTML5 History API 的好教程(Pushstate?)

已结束。此问题不符合StackOverflowguidelines.它目前不接受答案。我们不允许提出有关书籍、工具、软件库等方面的建议的问题。您可以编辑问题,以便用事实和引用来回答它。关闭8年前。Improvethisquestion我正在研究使用HTML5HistoryAPI来解决AJAX加载内容的深度链接问题,但我正在努力起步。有人知道什么好的资源吗?我想使用它,因为它似乎是一种很好的方法,可以让那些被发送链接的人可能没有打开JS。当有JS的人向没有JS的人发送链接时,许多解决方案都会失败。我最初的研究似乎指向JS中的HistoryAPI和pushState方法。http://ht