Javascript Dynamicly通过链接更改正文的URL和id,而不刷新页面

Javascript Dynamicly通过链接更改正文的URL和id,而不刷新页面,javascript,jquery,ajax,Javascript,Jquery,Ajax,我正在尝试动态更改显示给用户的URL,并在不刷新页面的情况下更改正文的id。我需要的功能非常类似于flickr.com,当你点击一个图像时,弹出窗口就会出现。正文的id附加了一个单词,网站的url也附加了一个单词 例如: 那里有一个图像,如果单击该图像,URL将更改为以下内容: (新的一页刚好覆盖了旧的一页) 单击链接前,正文标记如下所示: document.body.className=[document.body.className,'js'].join(“”); 。。。 单击图片后,它

我正在尝试动态更改显示给用户的URL,并在不刷新页面的情况下更改正文的id。我需要的功能非常类似于flickr.com,当你点击一个图像时,弹出窗口就会出现。正文的id附加了一个单词,网站的url也附加了一个单词

例如:

那里有一个图像,如果单击该图像,URL将更改为以下内容: (新的一页刚好覆盖了旧的一页)

单击链接前,正文标记如下所示:

document.body.className=[document.body.className,'js'].join(“”); 。。。 单击图片后,它将变为:

document.body.className=[document.body.className,'js'].join(“”); …

Flickr使用Yahoo的,您正在讨论的是
lightbox
组件和
历史
实用程序

没有一体化的函数,您必须使用库自己构建它


关于url的注意事项:HTML5添加了一个新的url,允许javascript更改url(
pushState
),而无需重新加载页面,也无需使用“hash”hack。它可以在webkit(Chrome、Safari)和Firefox4中使用。使用YUI的历史记录将帮助您实现这一点。

我最近开始重新匹配jquery fancybox插件以使用历史记录API。这与flickr的实现类似

然而,它可能只是您正在谈论的历史API

:)


希望能有所帮助

您能给我们一个可视化的示例代码或页面吗?我假设您只是在谈论更改url中的哈希值?这通常是个坏主意: