使用JavaScript將可重用內容注入到網頁中？

Question

如果這被認爲是一般性問題，我很抱歉。我有一個網站，我從頭開始創建，沒有任何CMS或花哨的工具。我有20行HTML，它們構成了每頁上相同的標題。所以我認爲合理的做法應該是使用document.write(header)內聯標題需要在每個頁面上，並在此之前有辦法從本地HTML文件中獲取標頭的HTML。

• 這是容易做到的？
• 如果是這樣，我需要什麼功能？
• 您能否提供一個例子，假設外部文件名爲header.html？

Answer 1

您可以使用AJAX做到這一點 - 在頁面加載時，將某些URL的內容插入到DIV中。這種技術的問題在於它確實吸引搜索引擎優化 - 搜索者會看到沒有加載內容的頁面。因爲它停止頁面執行，並且只能在載入時有效地利用，而不是之後

不要使用文件撰寫。

Answer 2

，如果你看看模板語言，如Handlebars.js它可能更好/更容易。