多個頁面獲取導航

Question

我想知道獲取索引.nav和.footer以及始終保留在頁面上的其他元素並將其複製到我的子頁面的最佳方法。

我試圖避免將這些元素複製並粘貼到HTML子頁面中。

Answer 1

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

你可以把這個你想要的資產淨值或頁腳複製到任何網頁上：

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

當然，最好的辦法仍然是要麼把資產淨值在一個文件中獨自使用PHP將其包含在網頁上或只是複製並粘貼它們，以防您擁有較小的網站。

Answer 2

使用服務器端語言（PHP，Ruby等）並將它們分成「包含」。

或者使用某種構建系統，允許您「包含」片段，然後在發佈之前將文件編譯爲完整的html頁面。 Adobe Dreamweaver的模板和庫功能就是這方面的一個例子，但您也可以使用開源工具（如Rake，Phing和Ant）來做到這一點。

Answer 3

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/