gpt4 book ai didi

javascript - 如何在不重新加载页面的情况下更改地址栏中的 URL?

转载 作者:数据小太阳 更新时间:2023-10-29 05:06:13 25 4
gpt4 key购买 nike

Shopify 如何做到这一点?转到他们的网站,单击“功能”链接,您会看到浏览器地址栏中的 URL 显示:

http://www.shopify.com/tour/sell-online

然后点击任何一个子链接,你会看到地址栏中的 URL 发生了变化,没有使用哈希,也没有翻页。

我不认为他们使用 ajax 来更改内容,因为它们似乎都包含在页面上的隐藏 div 中,但无论如何,您显然可以使用客户端技巧更改 URL。感谢您的帮助?

最佳答案

您使用新的 HTML5 history API 推送新状态。

这是 the MDN documentationa good tutorial .

请注意,这样做通常很痛苦(您必须正确管理应用程序的状态)并且 it doesn't work with IE9 .它几乎总是与 ajax 结合使用:它是让动态加载的内容成为书签的解决方案,即使整个页面没有重新加载或更改。

关于javascript - 如何在不重新加载页面的情况下更改地址栏中的 URL?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13422113/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com