Javascript PHP模板系统

时间:2012-12-15 11:19:41

标签: php javascript templates

我目前拥有的内容:

  • index.php:主页,显示topbar,navigation&内容占位符

  • 导航:如果单击导航中的链接,则使用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。希望我能澄清我的问题,以便有人能够帮助我; - )

2 个答案:

答案 0 :(得分:0)

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

可以使用window.location.hash

使用javascript设置主题标签
window.location.hash = "work";

答案 1 :(得分:0)

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