多个页面获得导航

Question

我想了解“获取”索引.nav和.footer的最佳方法以及始终保留在页面上然后将其复制到我的子页面的其他元素。

我正在尝试避免将这些元素复制并粘贴到HTML子页面中。

Answer 1

使用服务器端语言（PHP，Ruby等）并将它们拆分为“includes”。

或者使用某种构建系统，它允许您“包含”片段，然后在发布之前将文件编译为已完成的html页面。 Adobe Dreamweaver的模板和库功能就是一个例子，但您也可以使用Rake，Phing和Ant等开源工具来实现。

Answer 2

ASP.Net使用MasterPage s：

http://msdn.microsoft.com/en-us/library/wtxbf3hh.aspx

PHP使用include s：

http://php.net/manual/en/function.include.php

或者您可以jQuery.load() template.html每个页面的部分：

http://api.jquery.com/load/

Answer 3

您可以使用jQuery'a load()函数。

您可以将此放在希望导航或页脚复制到的任何页面上：

$("#nav") // select nav element on current page
    .load("index.html #nav > *"); // grab contents of nav from index page

当然，最好的方法仍然是将导航文件单独放在文件中，并使用PHP将其包含在页面上，或者只是复制并粘贴它们，以防您拥有较小的网站。