时间戳

首页 > 解决方案 > 如何与另一个网站共享页脚控件？

javascript - 如何与另一个网站共享页脚控件？

问题描述

我想在另一个网站中使用一个网站的页脚。

在视觉上，我可以通过第一个网站中仅显示页脚的页面和第二个网站中指向仅页脚页面的 iframe 来完成此操作。但这并不好，因为在该 iframe 中的点击会导航该 iframe，而不是父页面。

我真正想要的是将页脚 HTML（和样式）插入到另一个网站的页面 DOM 中。

我唯一的解决方案很复杂。有谁知道一个简单的解决方案？

推论：有没有办法从所有计算样式内联的网页中获取一大块 HTML？

标签： javascripthtmlcss.netmodel-view-controller

解决方案

有一个非常简洁的库“dom-to-image”，它在画布上绘制 DOM 元素并公开 API 以将所述元素下载为 png/svg/jpeg 等。您应该关注的是在导出为 svg 时，它会创建一个外来对象本质上是具有所有样式的已解析 HTML。您可以使用简单的 string.replace 轻松提取该外部对象并删除不需要的内容，然后使用 innerHTML 将所述 HTML 附加到您的 DOM 中。

dom-to-image https://www.npmjs.com/package/dom-to-image

这里有更多关于异物的阅读材料https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject

推荐阅读