IT技术 - 无需重新加载页面即可更改 URL - 吾爱随笔录

IT技术 javascript jquery html

2021-03-05 09:30:38

我想知道是否可以在不重新加载页面的情况下更改浏览器中 URL 的内容？

我使用 jQuery 和 Ajax 加载页面的新部分。当我选择“产品一”时，直接链接将是mysite.com/product1“产品二” mysite.com/product2，但我不想将站点重新加载到这些页面。

6个回答

现在可以使用 HTML_5..

在 Hash(#) 属性旁边也使用这个 tric 的 facebook 和 google

伟大的！对于跨浏览器支持，您可以使用诸如 history.js github.com/balupton/history.js 之类的库

2021-05-01 09:30:38

未找到博文

2021-05-15 09:30:38

#如果要防止页面重新加载，则必须添加哈希。

css-tricks.com 有一个很好的截屏视频，看看：

就用这个

window.history.pushState("object or string", "Title", "/new-url");

当心 IE < 10: caniuse.com/#search=pushstate。使用类似 history.js 的 polyfill。

2021-05-15 09:30:38

这在 HTML5 中是可能的。在此处查看演示。

您可以将 URL 更改为同一域内的另一个 URL，但出于安全原因不能更改域。

有关详细信息，请参阅HTML5 规范中的history接口。

你CAN做到这一点。尽管您可能需要一个现代浏览器。看看这个页面：http : //www.20thingsilearned.com/由 Google Chrome 团队创建（我使用 Chrome 9 阅读它）。更改页面不会重新加载整个网页，但会更改 URL。

其它你可能感兴趣的问题