草庐IT

back-stack

全部标签

Javascript:检测页面何时被导航到 "back"

假设我在浏览器中打开了一个页面,然后转到地址栏并进入另一个页面。然后我点击后退按钮转到我原来的页面。我想编写一些Javascript代码来检测这种情况并对其做出响应。据我所知,在这种情况下,ready事件、onload以及页面本身上的任何内联Javascript都不会重新执行。还有什么我可以做的吗?跨浏览器支持在这里很重要。基于jQuery的解决方案是首选,但不是必需的。为清楚起见进行编辑:我假设的导航是页面A->页面B->返回页面A,其中我假设页面B可能受也可能不受我控制。 最佳答案 您应该尝试在两个页面上为用户提供一个cooki

javascript - Google Analytics 会干扰 Android 浏览器中的 history.back() 吗?

我有一个html5移动应用程序,其中所有内容都在一个页面上,我使用history.back/popstate/etc来更改页面的内容(通过jQueryMobile)。我正在使用GoogleAnalytics跟踪各种事件,并在一个页面上跟踪用户是否通过特定按钮退出:$('#my-back-button').bind('tap',function(){_gaq.push(['_trackEvent','mycategory','myaction']);history.back();returnfalse;});在android2.2浏览器中history.back()被调用但onpopst

javascript - Google Analytics 会干扰 Android 浏览器中的 history.back() 吗?

我有一个html5移动应用程序,其中所有内容都在一个页面上,我使用history.back/popstate/etc来更改页面的内容(通过jQueryMobile)。我正在使用GoogleAnalytics跟踪各种事件,并在一个页面上跟踪用户是否通过特定按钮退出:$('#my-back-button').bind('tap',function(){_gaq.push(['_trackEvent','mycategory','myaction']);history.back();returnfalse;});在android2.2浏览器中history.back()被调用但onpopst

javascript - window.history.back() 不工作。

我无法让它工作。我已经尝试了很长时间。请帮我。functiongoBack(){window.history.back()}GoBack 最佳答案 请看thisquestion:Inconsistencywithwindow.history.back().这个GoBack可能是你要找的AsKevinBsuggestsThebrowsercouldbeinterpretingthebuttonasasubmitbuttonandsubmittingtheform,thuscausingapagerefresh.Addingtype="

javascript - window.history.back() 不工作。

我无法让它工作。我已经尝试了很长时间。请帮我。functiongoBack(){window.history.back()}GoBack 最佳答案 请看thisquestion:Inconsistencywithwindow.history.back().这个GoBack可能是你要找的AsKevinBsuggestsThebrowsercouldbeinterpretingthebuttonasasubmitbuttonandsubmittingtheform,thuscausingapagerefresh.Addingtype="

html - z-index : 'auto' vs z-index: 0, 的 child 以及 CSS 中的 "stacking context"是什么?

以前,我认为子元素不能在与其父元素的兄弟元素(具有比其父元素更高的z索引)的元素上进行z索引。例如,divA和B是兄弟。DivA的z-index为10,divB的z-index为5。DivB有一个子元素:DivC,z-index为9999。根据我的理解,divC不会位于divA之上>,因为divC的父级(divB)的z-index低于divA。这适用,除非divB的z-index为“auto”。当divB的z-index为“auto”(即“0”)时,因为它继承自body,divC位于divA之上,即使divB的z-index实际上比它不工作时的LOWER。根据CSS2规范,z-inde

html - z-index : 'auto' vs z-index: 0, 的 child 以及 CSS 中的 "stacking context"是什么?

以前,我认为子元素不能在与其父元素的兄弟元素(具有比其父元素更高的z索引)的元素上进行z索引。例如,divA和B是兄弟。DivA的z-index为10,divB的z-index为5。DivB有一个子元素:DivC,z-index为9999。根据我的理解,divC不会位于divA之上>,因为divC的父级(divB)的z-index低于divA。这适用,除非divB的z-index为“auto”。当divB的z-index为“auto”(即“0”)时,因为它继承自body,divC位于divA之上,即使divB的z-index实际上比它不工作时的LOWER。根据CSS2规范,z-inde

javascript - 区分 Back/Forward click 和 History.pushState/replaceState 在 statechange 事件中

我正在使用支持HTML5pushState和replaceState的History.js插件。当用户单击后退/前进按钮以及使用pushState/replaceState时,将触发statechange。我需要检查是否从后退/前进按钮或使用pushState/replaceState方法触发了statechange事件。 最佳答案 我没有看过History.js,但是BenAlman'sjQueryBBQ(Back-Button&QueueLibrary)是一个包含“hashchange”事件的优秀库。不过,这可能与您尝试做的不同

javascript - 区分 Back/Forward click 和 History.pushState/replaceState 在 statechange 事件中

我正在使用支持HTML5pushState和replaceState的History.js插件。当用户单击后退/前进按钮以及使用pushState/replaceState时,将触发statechange。我需要检查是否从后退/前进按钮或使用pushState/replaceState方法触发了statechange事件。 最佳答案 我没有看过History.js,但是BenAlman'sjQueryBBQ(Back-Button&QueueLibrary)是一个包含“hashchange”事件的优秀库。不过,这可能与您尝试做的不同

html - Font awesome stacking square 和 square-o 不对齐

我正在尝试使用FontAwesome堆叠来实现这一点我试过两种方法,但都很丑。问题是fa-square和fa-square-o大小不同,所以当你堆叠它们时,它们不会对齐!myfiddle结果是我尝试使用css将fa-square缩小86%。然而,这是非常脆弱的,因为它取决于浏览器和缩放设置。我希望该解决方案在多个缩放级别下在Chrome和IE11上看起来都不错。 最佳答案 这可能会有所帮助。body{background-color:tan;font-size:100px;}.fix:before{ background:#000;