javascript - 嵌入技术

Question

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

两件事情：

• 如果我附加了一个样式表，它不会破坏他们的吗？
• 内联或附加的 CSS，他们的风格仍然有可能破坏我的风格吗？

FB 或 Youtube 在不使用 iframe 的情况下允许嵌入内容的技术是什么？

谢谢，

Answer 1

FB 使用 iframe。

您可以制作一个您或其他页面可以通过 ajax 加载的 content.html 文件。其中 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 类的 div 和 adata-href以及 JS。该脚本将找到这些 div.fb-post并用包含数据属性指示的帖子的 iframe 填充它。

如果你想让事情变得更简单，你不妨给你的用户一个 iframe，里面有一个响应页面。