我想在另一个网站中使用一个网站的页脚。
在视觉上,我可以通过第一个网站中的页面仅显示页脚和第二个网站中指向仅页脚页面的 iframe 来完成此操作。但这并不好,因为在该 iframe 中的点击导航该 iframe,而不是父页面。
我真正想要的是将页脚 HTML(和样式)插入到另一个网站页面的 DOM 中。
我唯一的解决方案很复杂。有谁知道一个简单的解决方案?
推论:有没有办法从网页中抓取一大块 HTML,并内嵌所有计算样式?
最佳答案
有一个非常简洁的库“dom-to-image”,它在 Canvas 上绘制 DOM 元素并公开 API 以将所述元素下载为 png/svg/jpeg 等。 您在这里应该关注的是,在导出为 svg 时,它会创建一个外部对象,该对象本质上是经过解析的具有所有样式的 HTML。您可以使用简单的 string.replace 非常轻松地提取该外来对象并删除不需要的内容,然后使用 innerHTML 将所述 HTML 附加到您的 DOM 中。
dom-to-image https://www.npmjs.com/package/dom-to-image
这里有更多关于异物的阅读 Material https://developer.mozilla.org/en-US/docs/Web/SVG/Element/foreignObject
关于javascript - 如何与其他网站共享页脚控件?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59163228/