如何使用 Javascript 或 jQuery 从“page.php”重定向到“#page.php”？

Question

我的页面在 php 上运行，没有 js 用户。对于使用 javascript 的用户，我结合 hashchangeevent 从索引加载所有动态内容。所以链接看起来都像www.page.com/#page.php，前面有一个#。如果用户以这种方式键入它，那么每件事都像魅力一样工作，并且内容正在通过 index.php 加载

但是，如果用户输入 www.page.com/page.php，页面当然会在 php 页面上结束，动态页面当然不会再工作，除非用户会点击索引页面并继续从中导航。所以这不是一个很酷的方法。

我的问题：

如何重定向用户：

www.page.com/page.php

到

www.page.com/#page.php

当他们在浏览器中输入 www.page.com/page.php 时

当然只有 javascript。该页面应该可以在没有 javascript 的情况下正常使用 php。

谢谢。

Answer 1

当页面加载时，通过解构和重组 URI 将 window.location 更改为所需的 URL。不幸的是，您必须在希望进行重定向的每个页面（即page.php）上都包含此内容。

$(document).ready(function () {
    // Insert the pathname after the hash, but skip the leading '`'
    window.location = "/#" + document.location.pathname.slice(1);
});

它稍微不干净，但您也可以从.ready() 中完全删除window.location 位。这会影响性能的小幅提升。

如果您希望哈希重定向仅影响当前路径的最后一个元素，请改用下面的代码。

window.location = "./#" + document.location.pathname.split('/').pop();