如何将另一个网站嵌入到我自己的网站中以保持不变 header

Question

我们有一个网络应用程序，我们希望通过子域将其集成到多个客户的网站中，因为在大多数情况下我们无法修改他们的网站。此外，我们的网站是用不同的语言构建的，我们希望将其保留在我们的服务器中。

目前，他们正在将网站菜单上的链接添加到我们的子域，但是，他们希望保持相同的 header 和页脚，以便用户感觉他们在同一个网站上。

目前，我们正在复制 html 并将其插入到我们的模板中，但这不是一个好的解决方案，而且由于 javascript 冲突，我们遇到了一些问题。

我们如何解决这个问题？我认为 iframe 不允许我们修改其内容。提前致谢。

Answer 1

不知道有什么好的方法来做这个客户端。

首先想到的是让所有的页面link你的Javascript来创建header/footer，但是要求Javascript来显示内容是不好的。

HTML imports 真的很适合这个，但它没有得到很好的支持。你可以考虑是否愿意使用 polyfill，比如 Google 的 webcomponents.

我觉得这里最好的方法是以某种方式而不是在客户端执行此操作。使用允许您使用模板引擎的服务器，或一些支持模板的静态站点生成器。