使用JavaScript将可重用内容注入网页？

Question

对不起，如果这个问题过于笼统，我很抱歉。我有一个网站，我从头开始创建，没有任何CMS或花哨的工具。我有20行HTML组成每个页面上相同的标题。因此，我应该在每个页面上使用标题所需的document.write(header)内联，并且之前有一种方法可以从本地HTML文件中获取标题的HTML，这似乎是合乎逻辑的。 。

• 这很容易吗？
• 如果是，我需要什么功能？
• 您是否可以提供示例，假设外部文件名为header.html？

Answer 1

您可以使用AJAX执行此操作 - 在页面加载时，将某些URL的内容插入到DIV中。这种技术的问题在于它真的很糟糕 - 抓取工具会看到没有加载内容的页面。

永远不要使用document.write，因为它会停止页面执行，只能在加载时间内有效使用，而不能在AFTER之后使用。

Answer 2

如果你研究一下模板语言，比如Handlebars.js，它可能会好得多/容易得多。