使用JQuery更改DIV内容时也更改URL?

时间:2013-07-09 05:57:32

标签: php jquery ajax

我希望实现像Facebook这样的东西,顶部栏位于那里,只有不同页面下面的内容会发生变化。同时,顶部的URL也会更改,例如/ messages或/ events。

我不完全确定这是否适用于Facebook,但我正在努力实现这样的目标......现在我无法弄清楚如何做到这一点......

有谁知道如何实现这一目标或者是否有名称?

3 个答案:

答案 0 :(得分:0)

你可以使用当前所有页面上的固定标题执行此操作,这样每当加载新页面时,标题仍然存在,或者您可以采用更复杂的方式将所有页面放在一起div在一个页面上,并在单击链接时隐藏/显示相应的div。我个人推荐第一种方式,但这些是一些选择。 我确信还有其他方法可以解决这个问题。

如果那不是你想要的,那么我道歉。

编辑:此外,我的第一个建议将加载一个全新的页面,所以如果你想要无缝过渡效果,那么第二个选项将是更好的路线

答案 1 :(得分:0)

模板也许?据我所知,如果不导航到其他页面,则无法更改网址。如果您希望页面上的一致元素具有不同的内容,则基本上是模板的功能。

如果您正在寻找要在页面上显示的动态元素,那么您应该研究AJAX和DOM操作。 jQuery是帮助这两者的事实库。看看http://api.jquery.com/,也许会搜索模板引擎。大多数Web框架都包含一个模板系统,用于创建一致的样式并允许代码重用。

答案 2 :(得分:0)

您可以使用#anchors,它不会重新加载页面。对于较新的浏览器,您可以使用https://developer.mozilla.org/en-US/docs/Web/Guide/DOM/Manipulating_the_browser_history更新网址而无需重新加载网页