如何在不更改（重新加载）页面的情况下更改页面的内容？

Question

我正在尝试做的是，当您单击其中一个按钮时，页面不会更改（重新加载）。只是说我希望它不加载，以便我可以播放可以静音的音乐，但是我似乎仍然无法使音乐甚至要播放，循环播放以及不按播放就可以开始播放按钮。但是，除非您未加载页面，否则在您按“转到”按钮后，我无法开始播放音乐。

代码链接：https://repl.it/@Erik1Kountzman/Patrol-Turned-Bad（您无需查看代码即可回答。）

Answer 1

window.history.replaceState({}, document.title, "/add-anything-there");

您可以了解有关调整网址而不加载页面here的更多信息。

修改

我明白了您想要做什么。这是您的问题，如果我错了，请纠正我。

您不想使用路由，因为您希望播放背景音乐而不会受到干扰。因此，只有一个页面的应用程序，但是您仍然希望在url中显示用户所在的页面。

您可以查看this指南，该指南显示了如何在不重新加载/重定向的情况下修改URL。