我已经建立了一个页面,当您单击链接时,内容会更改而不会刷新页面,因此,使用完全相同的命令(这就是代码中的命令)的URL也是如此:
window.history.pushState("object or string", "title", "/photo.php");
Run Code Online (Sandbox Code Playgroud)
但是,当用户单击“后退”按钮时,内容不会退回。我该怎么做?我考虑到这一点,因为在Facebook中单击主页上的图片,然后单击后退按钮(两次我认为这是一个错误)时,您回到主页,URL变回而页面却没有完全刷新。
我注意到jquery有一个按键功能.但它似乎只能检测数字和字符的按键事件.它无法检测到F5按键事件.最令我惊讶的是网上的每个人都说F5的keyCode是116,但是当我使用jquery按键功能时,它只显示字符t的keyCode为116(似乎116是小写的ascii代码) T)!有人可以告诉我这个以及如何在javascript或jquery中检测F5事件吗?非常感谢提前.
我已经实现了一个单页设计的Web应用程序.这基本上加载单个页面然后用AJAX更新中心内容.代码如下:
<h:body>
<pe:layout id="page" fullPage="true">
<!-- West -->
<pe:layoutPane id="west" position="west" >
<f:facet name="header">Main Menu</f:facet>
<h:form id="form1">
<p:panelMenu id="panelMenu">
<p:submenu label="Persons">
<p:menuitem value="Person List" update=":centerpanel"
actionListener="#{layout.setAll('formPersonList.xhtml', 'Person List')}">
</p:menuitem>
</p:submenu>
</p:panelMenu>
</h:form>
</pe:layoutPane>
<!-- Center -->
<pe:layoutPane id="content" position="center">
<h:panelGroup id="centerpanel" layout="block">
<ui:include id="include" src="#{layout.navigation}" />
</h:panelGroup>
</pe:layoutPane>
</pe:layout>
</h:body>
Run Code Online (Sandbox Code Playgroud)
这基本上有效,但我也想启用浏览器导航.例如:http://ticketmonster-jdf.rhcloud.com/,其中包含url上的主题标签.所以使用后退/前进按钮我可以转到等效选项.知道怎么做吗?