在页面加载时读取 URL 个片段

Question

在我的网络应用程序中，我有一个 URL 使用如下片段：

http://example.com#login

我的问题是：我可以使用页面加载片段打开我网站的特定部分吗？如果是这样，我如何使用 Javascript 或 jQuery 来读取和处理片段？

背景信息：我使用 Remodal (https://github.com/VodkaBears/Remodal) 向我的网站添加自定义模式 windows。当模式 window 打开时，此插件会自动将片段附加到当前 URL。我希望能够在页面加载时打开模式 windows。

Answer 1

编辑：虽然片段没有添加到HTTP请求中是正确的，但是浏览器还是可以访问到的。请参阅@RoryMcCrossan 的回答。

https://blog.httpwatch.com/2011/03/01/6-things-you-should-know-about-fragment-urls/

第 2 段指出 URL 片段不在 HTTP 请求中发送。

编辑2:

我的最终代码：

var fragment = window.location.hash;
if (fragment) {
    var modal = $('[data-remodal-id=' + fragment.slice(1) + ']');
    if (modal.length) modal.remodal().open();
}

Answer 2

您可以使用 window.location.hash 读取 URL 加载中的片段并打开相关模式。

var fragment = window.location.hash; // = '#login' in your example url
if (fragment) {
    $('a[href="' + fragment + '"]').remodal().open();
}

在页面加载时读取 URL 个片段

Reading URL fragments on page load

javascript

anchor

jquery