javascript - 有没有一种方法可以更新一个在所有文档中更新的 html 元素？

Question

假设我有一个带有导航菜单的 index.html 页面，我还有 15 个其他 html 页面具有完全相同的菜单。

是否可以使用 html/css/js 更新一个文件(比如 index.html 文件)，并且所有更新都应用于所有 15 个文档？

我知道您可以使用 PHP 执行此操作，但我正在运行的页面不使用 PHP 索引文件，因此我正在寻找另一种方法。

也许还有其他方法可以实现这一目标？也许是 Angular JS？您可以建议阅读/学习如何执行此操作的任何建议或链接吗？

Answer 1

要仅使用 HTML 来做到这一点，您可以使用带有 <a target="_parent"> 的 iframe :

导航.html

<ul>
    <li><a href="/" target="_parent">Home</a></li>
    <li><a href="/about.html" target="_parent">About</a></li>
</ul>

然后将其包含在带有

的地方

<iframe src="/nav.html"></iframe>

请记住，iframe 的内容仍应是有效的 HTML 文档，因此您还需要 nav.html 中包含文档类型、标题、正文和 CSS。 Iframe 通常还带有一些您需要摆脱的默认边框和填充样式。

---

但是，如果我不说实际实现此目的的典型方法是使用服务器端语言(例如 PHP)在每个页面上动态构建菜单，那我就错了。