我正在寻找带有自定义网址的内部页面导航。 请引用我的代码。
当前代码:
<ul class="mdl-menu">
<li class="mdl-menu__item"><a href="#" class="navText nav_link">Home</a></li>
<li class="mdl-menu__item"><a href="#About" class="navText nav_link">About</a></li>
<li class="mdl-menu__item"><a href="#LightUp" class="navText nav_link">Light Up</a></li>
<li class="mdl-menu__item"><a href="#Events" class="navText nav_link">Events</a></li>
<li class="mdl-menu__item"><a href="#SignUp" class="navText nav_link">Sign up</a></li>
<li class="mdl-menu__item"><a href="#NCFMix" class="navText nav_link">NCF Mix</a></li>
<li class="mdl-menu__item"><a href="#LightUpNCF" class="navText nav_link">#LightUpNCF</a></li>
</ul>
当前输出: 主网址:“www.example.com/php/home.php”
当我点击第二个菜单按钮时,意味着“关于”。它使用以下 URL 导航到目标 block 。 “www.example.com/php/home.php#关于”
我期待的是 “www.example.com/About” 或 “www.example.com/#About”
我还尝试了window.history.pushState('', '','/About');
这会根据我的需要更改 URL,但是当我刷新同一页面时,它会显示 404 错误。
请在这件事上给予我帮助。有没有办法使用 JavaScript 或 PhP 来实现这一点。
提前致谢。
最佳答案
如果这是主目录,则创建一个 .htaccess 文件并写入
Options -Indexes
DirectoryIndex home.php
order deny,allow
您还可以添加以下规则
RewriteRule ^ home.php [QSA,L]
关于javascript - 使用自定义 url 进行内部页面导航,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40766733/