0

我有一个旨在使用 ajax 重新加载数据的网页。我所有的 ajax 都运行良好,但我现在意识到我想跟踪您在页面上的位置,并且还能够将人们链接到网站上的特定页面。

这是我正在谈论的网站:

www.stevenlebel.com

如您所见,该页面由将新内容加载到屏幕的电视组成。视频页面使用嵌入的 Vimeo 代码,音乐页面使用 Soundcloud,图像使用 Imugr 库。我以这种方式构建它的原因是允许我的朋友在没有我帮助的情况下更新他的页面。

所以我的问题是,如何将哈希链接添加到 URL - 我还希望能够链接到页面上的某个视频、歌曲或图像,但不确定这是否可以使用 Vimeo/Soundcloud/Imgur。

有人对这个有经验么?

非常感谢,

凯蒂

一个额外的问题:有谁知道如何删除.html,所以当我使用哈希链接时,页面会说 x/x/#whatever 而不是 x/x.html#whatever?

4

1 回答 1

2

如果我正确理解您的问题,您需要 HTML5 History API。你可以使用一些很酷的跨浏览器 API,看看这里http://html5demos.com/history它是如何工作的。

您将需要这些东西来跟踪您的位置。我认为您没有刷新页面并使用 Ajax。

history.pushState 事件,使用它推送任何数据,并将在 # 之后附加到 url

history.popstate 事件,使用后退/前进来弹出数据。

window.hashchange 事件,如果您复制 url 并将其打开到另一个或共享到任何地方。您将能够在 # in url 之后获取数据。

您可以尝试这些跨浏览器 API。

https://github.com/browserstate/History.js/

https://github.com/devote/HTML5-History-API

祝你好运!

于 2012-11-02T14:49:31.240 回答