【问题标题】:How to manipulate the URL with Javascript and JQuery?如何使用 Javascript 和 JQuery 操作 URL?
【发布时间】:2011-07-06 19:06:35
【问题描述】:

我想制作一个包含大量 Javascript 交互的页面。但是,当用户浏览页面时,URL 也必须更改。因此,当用户分享或保存 URL 时,它可以引导他进入他的实际状态。

我该怎么做?

例子:

myapp.com/page1

myapp.com/page2

【问题讨论】:

    标签: javascript jquery url


    【解决方案1】:

    pushState,如github所见

    【讨论】:

    • 它在尚未赶上 pushState 的浏览器中优雅地降级。
    • 是的。这是一个非常好的功能!虽然在这种特殊情况下,旧技术更适合我的需求,但我想这毕竟是解决这个问题的最佳选择。
    【解决方案2】:
    【解决方案3】:

    您可以在不重新加载页面的情况下更改网址(或位置)的唯一部分是哈希。那是# 背后的部分。许多 ajax 增强应用程序都利用了这一点,包括 Twitter。您可以随时更改此哈希,并在页面加载时解释哈希标记以将页面初始化为正确的状态。

    【讨论】:

    • 感谢 pushState,这不再是真的(至少在大多数浏览器中)。像这样操作哈希有significant drawbacks
    • 嗯,它在最新的 FF 中受支持,部分在 Chrome 中受支持。对 IE 和所有移动浏览器来说太糟糕了,但是,嘿,谁在使用它们。
    • Chrome 和 Opera 完全支持,Safari 和 Mobile Safari 也有部分支持; Opera Mobile 和 Android Browser 都支持。
    【解决方案4】:

    设置这个值:window.location.href

      window.location.href = "myapp.com/page2";
    

    【讨论】:

    • 它会导致页面重新加载,这在OP描述的情况下可能是不可取的。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-03-06
    • 1970-01-01
    • 2016-10-03
    • 1970-01-01
    • 1970-01-01
    • 2014-02-15
    相关资源
    最近更新 更多