jquery - 在网站上嵌入博客内容

Question

我可能会以完全错误的方式解决这个问题，但我正在学习，所以总体而言这是一次很好的体验。这是我目前的问题:

我有一个网站，它有很多组件，其中之一是博客。我正在使用 flatpress 来运行博客，它很简单，我喜欢它。我已将博客输出/帖子格式化为嵌入到我网站的主要部分(与其说是功能，不如说是设计)。

我不确定使用 iframe 是个好主意，主要是因为，如果我选择在我的博客文章中使用图片，他们会使用 slimbox2(灯箱克隆)，并且在单击时，它们的叠加层只会在 iframe 内打开.我不确定如何让它们在父级的 iframe 之外打开。

或者，我想我可以使用 jquery 嵌入博客内容，a la:

$("#testLoad").load("http://url/flatpress #content-main");

在一个 div 容器中(它看起来乱码并且不遵守任何博客的 css/脚本)，所以我无法让它工作，我正在寻找有关如何实现我的博客内容的指导嵌入和图像叠加以正常运行。

谢谢!

Answer 1

Window.postMessage 允许您从 iframe 向博客主页发送图片等信息。

postMessage 文档 https://developer.mozilla.org/en-US/docs/DOM/window.postMessage

我快速搜索它时看到的第一个演示(还没有尝试过，但它看起来是正确的) http://davidwalsh.name/window-iframe