javascript - 如何使用 Javascript 或 jQuery 从 "page.php"重定向到 "#page.php"？

Question

我的页面在 php 上运行，没有 js 用户。对于使用 javascript 的用户，我会结合 hashchangevent 从索引动态加载所有内容。所以这些链接看起来都像 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();