javascript - 在不重定向的情况下更改页面 url

Question

我想向用户显示我正在主页上预览的项目的 URL。这将帮助我的用户找到该项目的主页。我在 facebook 上看到过类似的例子。现在，当你点击 facebook 上发布的图片时，它会以影院模式预览图片，当你刷新浏览器时，它会带你到该图片的主页。我尝试了下面提到的方法。

location.hash="/example";

这不是我想要的，因为我不只是想更改散列属性。我想更改网址。接下来我尝试的是 window 对象的 pushState 属性。这在 IE 中不起作用，所以这对我不起作用。

window.history.pushState('object',"title goes here","New_location_goes_here");

谁能帮帮我。提前致谢

Answer 1

您在 facebook 中提到的预览是使用 AJAX (XMLHttpRequest) 在后台加载预览并将其添加到当前页面。

有一个常见的小部件叫做 lightbox和它的许多后代可供选择。查看wikipedia lightbox article .

这不会更改浏览器地址栏中的 URL，如果那是您所追求的 - 在这一点上我似乎不清楚这个问题 - 这些 (AJAX) 方法无需更改当前 URL 地址。

---

(Sourabh，感谢您的澄清)

例如，一种方法是将预览项附加到 URL

http://example.com/stuff/pageA

可以变成

http://example.com/stuff/pageA/preview1
http://example.com/stuff/pageA/preview2
(or)
http://example.com/stuff/pageA?preview=preview1
http://example.com/stuff/pageA?preview=preview2
(or)
http://example.com/stuff/pageA/preview1.png
http://example.com/stuff/pageA/preview2.png

pageA 的服务器端处理程序将更改为处理 pageA/* 并且仍会加载同一页面，但还会在灯箱中加载预览图片。

更改散列(您说您不想这样做)可以保留在同一页面上并加载预览，并且可以添加书签，但不幸的是，更改 URL 将不得不访问服务器.