javascript - 使用 JavaScript 将可重用内容注入(inject)网页？

Question

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

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

Answer 1

您可以使用 AJAX 来完成此操作 - 在页面加载时，将某个 URL 的内容插入到 DIV 中。这种技术的问题在于，它对于 SEO 来说确实很糟糕 - 爬虫会看到没有加载内容的页面。

切勿使用 document.write，因为它会停止页面执行，并且只能在加载期间有效使用，而不能在之后使用。