嵌入技术

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你可以把一个地方的html文件在这样一个div：$('#result').load('content.html');

但我认为这取决于你想分享和谁什么。也许REST API在你的情况下会更好一些？

Answer 2

这只是一个印象，但实际上Facebook和其他社交网络确实使用iframe。但是他们是由他们的JS创建的，你也必须嵌入，使他们的技术选择更加强大。稍后，他们可能会更新JS，然后摆脱iframe而转向其他方面。

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

如果你想做一些简单的事情，你不妨给你的用户一个带有响应页面的iframe。