Javascript PHP模板系统

Question

我目前拥有的内容：

• index.php：主页，显示topbar，navigation＆amp;内容占位符

• 导航：如果单击导航中的链接，则使用javascript将index文件加载到index.php的content-section中;重要的是：没有刷新index.php

现在正常工作。此外，点击链接时，地址栏中的网址也不会立即更改。

应该添加什么：

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

示例：

• url：“www.example.com
• 在导航链接中点击“工作”。
• work.php已加载到index.php
的content-section中
• url now：“www.example.com/work

此外，如果用户在地址栏中输入www.example.com/work，则index.php应该在没有点击链接的情况下加载work.php。

通过地址栏中的网址了解我的问题的一个很好的例子是facebook。希望我能澄清我的问题，以便有人能够帮助我; - ）

Answer 1

您只能在不刷新页面的情况下更改URL的主题标签（发出其他请求）。 因此，当点击导航链接时，您可以将“www.example.com”更改为“www.example.com/#work”，但无法在不重新加载页面的情况下将其更改为“www.example.com/work”。

可以使用window.location.hash

使用javascript设置主题标签

window.location.hash = "work";

Answer 2

如果您希望避免使用主题标签，可以使用HTML5 history API。这样，您就可以使用/和history.pushState()方法在网页中显示history.replaceState()。 您还可以找到有用的plugin。