Javascript PHP模板系统

Question

我现在拥有的：

• index.php:主页，显示内容的顶部栏、导航和占位符
• 导航:如果单击导航中的链接，则使用javascript将php-文件加载到index.php的内容部分；重要的是:不刷新index.php。

现在工作得很好。此外，当单击链接时，地址栏中的url现在不会被更改。

应该添加的内容：

如果单击导航中的链接，javascript仍应加载php文件，但也应更改地址栏中的url而不刷新侧。

示例：

• 网址："www.example.com
• 在导航链接中单击"work“。
• work.php被加载到index.php的内容部分。
• 网址:www.example.com/work

此外，如果用户在地址栏中键入www.example.com/work，index.php应该加载work.php，而无需单击链接。

一个很好的例子来理解我在地址栏中的url问题是facebook。希望我能澄清我的问题，以便有人能帮助我;-)

Answer 1

您只能在不刷新页面的情况下更改URL的hashtag (发出另一个请求)。因此，当单击导航链接时，可以将"www.example.com“更改为"www.example.com/#work”，但如果不重新加载页面，则不能将其更改为"www.example.com/work“。

可以使用window.location.hash使用javascript设置hashtag。

window.location.hash = "work";

Answer 2

如果您希望避免使用哈希标签，可以使用HTML5历史API。这允许您使用history.pushState()和history.replaceState()方法在页面中使用history.replaceState()。还有一个插件，您可能会发现它很有用。