1

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

  1. 阿贾克斯。我可以用一些 HTML 后跟一个<script>标签来构建响应。尽管不建议在 AJAX 中返回 js 代码,但我发现这对我有用(脚本被执行,HTML 小部件已正确初始化并附加了处理程序)。另一种方法是在容器页面中包含一个“全部包含”的脚本。在这个脚本中,我将每个特定于小部件的脚本包装在一个函数中,当小部件动态加载时,我调用该函数。但是,这样我获取了很多可能不会用到的js代码。
  2. 框架。我还可以将小部件作为独立的 HTML 页面返回,以加载到 iframe 中。这解决了 javascript 问题,但我需要进行跨域调用才能与容器页面的其他部分进行交互。

我想这应该是web开发者面临的一个普遍问题。我是 Web 开发的新手,您能否分享一些针对我的案例的“最佳实践”提示?

4

1 回答 1

1

您应该继续使用 jquery+ajax .. iframe 有很多缺点。尽管您可以在单独的页面中处理每个插件并避免任何类型的冲突,但可用性变得非常头疼。

在一切都基于 HTML5 以支持移动平台的时代,iframe 很难为移动屏幕定制。此外,iframe 会淘汰整个苹果用户,因为苹果设备不支持 iframe。

jQuery + Ajax(HTML5) 和 CSS3 应该是继续的方式..

于 2013-07-19T05:00:53.083 回答