嵌入技术

Question

我正在寻找网站管理员嵌入我网站内容的好方法，为他们提供一个简单的JavaScript代码段。

两件事：

• 如果我附上样式表，是不是会破坏他们的？
• 内联或附加CSS，他们的风格仍然存在风险吗？

FB或Youtube使用什么技术来允许嵌入内容，而不使用iframe？

THX，

Answer 1

FB使用iframe。

您可以制作一个content.html文件，您或其他页面可以通过ajax加载。其中content.html不包含整个页面，只包含内容部分。像：

<h1>This is important</h1>
<p>here is some text.</p>

例如，使用jQuery，您可以在这样的div中放置一个html文件：$('#result').load('content.html');

但我认为这取决于你想分享什么以及与谁分享。在你的情况下，REST API可能会更好用吗？

Answer 2

这只是一种印象，但实际上Facebook和其他社交网络确实使用了iframe。但他们的JS创造了你必须嵌入的东西，使他们的技术选择更加强大。稍后他们可能会更新JS，然后摆脱iframe而不是其他东西。

但是，目前，您使用给定的CSS类和data-href以及JS嵌入了一个div。该脚本将找到这些div .fb-post并使用包含数据属性指示的帖子的iframe填充。

如果您想要做一些简单的事情，您可以为用户提供一个内部有响应式页面的iframe。