我需要实现一个页面,其中许多部分是动态小部件。加载哪些小部件取决于用户选择,并且事先不知道。这些小部件中的每一个都包含一些 HTML 和一些 javascript 代码(用于在 HTML 元素上初始化和附加事件处理程序)。我想知道实现这样的页面和小部件的最佳方法是什么。
- 阿贾克斯。我可以用一些 HTML 后跟一个
<script>
标签来构建响应。尽管不建议在 AJAX 中返回 js 代码,但我发现这对我有用(脚本被执行,HTML 小部件已正确初始化并附加了处理程序)。另一种方法是在容器页面中包含一个“全部包含”的脚本。在这个脚本中,我将每个特定于小部件的脚本包装在一个函数中,当小部件动态加载时,我调用该函数。但是,这样我获取了很多可能不会用到的js代码。 - 框架。我还可以将小部件作为独立的 HTML 页面返回,以加载到 iframe 中。这解决了 javascript 问题,但我需要进行跨域调用才能与容器页面的其他部分进行交互。
我想这应该是web开发者面临的一个普遍问题。我是 Web 开发的新手,您能否分享一些针对我的案例的“最佳实践”提示?