小部件容器页面的最佳方法是什么 - Ajax或iframe？

Question

我需要实现一个页面，其中很多部分都是动态小部件。加载哪些小部件取决于用户的选择，并且事先不知道。这些小部件中的每一个都包含一些HTML和一些javascript代码（用于初始化和附加HTML元素上的事件处理程序）。我想知道实现这样一个页面和小部件的最佳方法是什么。

1. AJAX。我可以用一些HTML构建响应，然后是<script>标记。虽然不建议在AJAX中返回js代码，但我发现这对我有用（脚本执行，HTML小部件正确初始化并附加处理程序）。另一种方法是在容器页面中包含“全包含”脚本。在这个脚本中，我将每个特定于小部件的脚本包装在一个函数中，当动态加载小部件时，我调用该函数。但是，通过这种方式，我获取了许多可能无法使用的js代码。
2. I帧。我还可以将小部件作为独立的HTML页面返回，以便在iframe中加载。这解决了javascript问题，但我需要进行跨域调用以与容器页面的其他部分进行交互。

我认为这应该是Web开发人员面临的常见问题。我是网络开发的新手，你能否为我的案例分享一些“最好的实践”技巧？

Answer 1

你应该继续使用jquery + ajax .. iframe存在很多缺点。虽然你可以在单独的页面中处理每个插件并避免任何形式的冲突，但是可用性变得非常令人头痛。

在HTML5基于支持移动平台的所有时代，iframe很难为移动屏幕提供支持。此外，iframe取消了整个苹果用户，因为苹果设备不支持i​​frame ..

jQuery + Ajax（HTML5）以及CSS3应该是继续进行的方式..