Javascript 在页面中包含HTML片段-方法？

这是我之前提出的一个问题的延伸，这里：

基本上，我们正在考虑将各种HTML片段集成到一个页面中。我们有一个小的web应用程序，在不同的URL上为不同的结果/小工具生成小片段。这不一定与主页在同一个域上

我想知道把这些内容放进主页的最好方法是什么？我们还需要能够使用来自主页的CSS对HTML片段进行蒙皮

我最初的想法是iFrames，但是，我认为它的性能可能不是很好，而且对包含的片段的CSS/JS操作有限制

SSI是更好的主意吗？还是应该使用php包含？还是JS？还有其他建议吗？两个主要考虑因素是主页的性能，以及对包含的片段进行样式化/操作的能力

干杯，

---

Victor

这听起来与Facebook平台应用程序的功能类似。一种简单地使用iframe，另一种从后端获取输出并对其进行转换——元素被扩展，JavaScript被执行，按钮之类的东西被剥皮。你可以以它们为例

使用iFrame可能会使事情变得复杂。默认情况下，您不能从外部框架修改它们内部的样式，但您可能可以使用类似的方法来解决这一问题

---

我会尝试使用。然后，您可以按照自己的意愿将小部件的内容添加到页面中，例如将其插入DOM中

这听起来与Facebook平台应用程序的功能类似。一种简单地使用iframe，另一种从后端获取输出并对其进行转换——元素被扩展，JavaScript被执行，按钮之类的东西被剥皮。你可以以它们为例

使用iFrame可能会使事情变得复杂。默认情况下，您不能从外部框架修改它们内部的样式，但您可能可以使用类似的方法来解决这一问题

---

我会尝试使用。然后，您可以按照自己的意愿将小部件的内容添加到页面中，例如将其插入DOM中

iFrames在性能方面不应该是一个问题-无论是浏览器在查询您的服务器，这都不会有什么区别。不过，您可能会遇到设计问题。 SSI和PHP大致相同，但它们都有相同的问题：如果源页面关闭，则整个页面的呈现将延迟

性能方面最好的办法是使用缓存的PHP解决方案来读取代码段，这样就不容易发生中断

---

有趣的是，我已经为这个目的编写了一个基于PHP的工具，我为之编写的公司已经同意将其作为开源发布。不过，在我开始打包和设置文档之前，至少还要再过四个星期。如果您对此感兴趣，尽管有时间限制，请告诉我，我会让您不断更新。

如果从性能角度来看，框架不应该是一个问题-无论是浏览器查询您的服务器，这都不会有什么区别。不过，您可能会遇到设计问题。 SSI和PHP大致相同，但它们都有相同的问题：如果源页面关闭，则整个页面的呈现将延迟

性能方面最好的办法是使用缓存的PHP解决方案来读取代码段，这样就不容易发生中断

有趣的是，我已经为这个目的编写了一个基于PHP的工具，我为之编写的公司已经同意将其作为开源发布。不过，在我开始打包和设置文档之前，至少还要再过四个星期。如果你对此感兴趣，尽管时间紧迫，请告诉我，我会让你不断更新