javascript - 是否有一种普通的 JavaScript 技术可以将通用代码动态插入 HTML 页面，类似于 PHP 的包含功能？

Question

我有一个多页面 HTML 网站，其中包含在每个页面上重复使用的通用代码(例如，导航栏代码、分析、样式表导入等)。

有没有一种方法可以动态插入公共(public)代码，从而达到与 PHP 的包含功能相同的结果，并使代码更易于维护？

我见过类似的问题，但似乎并非所有问题都谈到了我想要通过我正在使用的网站实现的目标。例如:

• How to inject HTML banner code using Vanilla Javascript? - Stack Overflow

重要提示:我想要插入/导入的大部分代码将是 <header>正确呈现页面所需的代码，因此需要在页面加载时插入。

有什么建议吗？ 请将建议限制为普通 JavaScript。我目前还不了解 JQuery，想尝试使用 JS 来完成此操作。

Answer 1

有几种方法可以满足您的需求，但我认为 EJS 或类似的模板引擎可以满足您的需求。

请记住在客户端执行此操作的含义。不运行 JavaScript 的爬虫程序将无法查看页面上应该有的内容。

您可能应该做的是在服务器端运行这些 JavaScript 模板，输出静态页面，然后将其放在您的 Web 服务器或 CDN 上。