通过链接动态更改正文的URL和ID，而无需刷新页面

Question

我正在尝试动态更改显示给用户的URL并更改正文的ID而不刷新页面。我需要的功能与flickr.com非常相似，当您点击图像时，会出现弹出窗口。正文的id附加了一个单词，网站的网址也附加了一个单词。

一个例子是：

http://www.flickr.com/photos/orangeacid/459207903/ 那里有一个图像，如果你点击图像，URL改变如下： http://www.flickr.com/photos/orangeacid/459207903/lightbox/ （这个新页面只是覆盖了旧页面）

在点击链接之前，正文标记如下：

document.body.className = [document.body.className，'js']。join（''）;

... 点击图片后，它变为：

document.body.className = [document.body.className，'js']。join（''）;

...

Answer 1

Flickr使用雅虎的YUI library，你所说的是lightbox组件和history实用程序。

没有一体化功能，您必须自己使用库构建它。

关于网址的注意事项：HTML5添加了一个新的history API，允许javascript更改网址（pushState），而无需重新加载网页而不使用“哈希”黑客攻击。它可以在webkit（Chrome，Safari）中使用一段时间以及在Firefox 4中使用。使用YUI中的历史记录将帮助您实现此目的。

Answer 2

我最近开始重新安装jquery fancybox插件以使用History API。这与flickr的实现类似。

但是，它可能只是您正在谈论的历史API

Click here to see my plugin on github

Click here to see an introduction to the History API

Click here to see my talk on the history API

：）

希望有所帮助