如何开发仅动态HTML

Question

背景 我当前的工作环境涉及许多不断更新的导航链接，但系统管理员不允许PHP（或任何动态服务器）。这令人沮丧。

问题： 有没有办法使用JS在HTML中实现类似于类的结构，在我的HTML中使用临时PHP方法“include”？

示例： 例如，我真的很感激在PHP中我可以将我网站顶部的导航链接模块化为一个名为navbar.php的文件，然后将其包含在我所有单独的页面中。一旦对navbar.php进行了更改，所有其他页面都将反映更改。不幸的是，我的工作流程迫使我以一种卑鄙的方式更新所有网页。是否可以使用JS？

谢谢！

Answer 1

使用js文件在页面加载时动态创建导航栏并将其放在所有页面中，您还可以检查它使用的页面documnet.location并突出显示所有页面。此文件中的一处更改和所有页面都会更改

但如果JavaScript被禁用，这将抵制优雅降级！您的网站没有任何主导航菜单。 你必须找到一个解决方案。创建一个基本的纯html导航栏，其中包含您的一致链接。 包括一个用更好的条替换它的js文件，如上所述。

Answer 2

使用jQuery HTML function和jQuery Load function可以轻松地将HTML代码插入到DIV中。 基本上，你给它一个div和HTML代码或一个url，它会自动地用给定URL中的HTML页面填充div。

据我所见，您应该能够使用jQuery实现您可能需要的任何动态行为。还有一些限制，比如持久性，例如你的客户端必须激活JS才能工作（但让我们面对它，99％的客户都会这样做。）

Answer 3

为什么是。 http://en.wikipedia.org/wiki/Server_Side_Includes 服务器端包含可以帮助您解决这个问题。它可能是你能得到的最接近的。

Answer 4

以纯HTML格式创建导航菜单。然后，为页面内容创建一个主div，将其留空。最后，使用AJAX检索每个页面的内容（作为单独的纯HTML文件），并用它替换主div的内容。

您可以使用jQuery框架的AJAX函数。

Answer 5

您也可以使用html对象标记来包含html，请参阅http://www.w3schools.com/tags/tag_object.asp