Javascript 小部件容器页面的最佳方法是什么-Ajax还是iframe?

Javascript 小部件容器页面的最佳方法是什么-Ajax还是iframe?,javascript,html,web,Javascript,Html,Web,我需要实现一个页面,其中许多部分是动态小部件。加载哪些窗口小部件取决于用户的选择,而且事先不知道。每个小部件都包括一些HTML和一些javascript代码(用于初始化和附加HTML元素上的事件处理程序)。我想知道实现这样一个页面和小部件的最佳方法是什么 阿贾克斯。我可以用一些HTML和标记来构造响应。虽然不建议在AJAX中返回js代码,但我发现这对我来说是可行的(执行脚本,正确初始化HTML小部件并附加处理程序)。另一种方法是在容器页面中包含“全部包含”脚本。在这个脚本中,我将每个特定于小部件

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

  • 阿贾克斯。我可以用一些HTML和
    标记来构造响应。虽然不建议在AJAX中返回js代码,但我发现这对我来说是可行的(执行脚本,正确初始化HTML小部件并附加处理程序)。另一种方法是在容器页面中包含“全部包含”脚本。在这个脚本中,我将每个特定于小部件的脚本包装在一个函数中,当小部件被动态加载时,我调用该函数。然而,通过这种方式,我获取了很多可能不被使用的js代码
  • Iframe。我还可以将小部件作为独立的HTML页面返回,以加载到iframes中。这解决了javascript问题,但我需要进行跨域调用以与容器页面的其他部分交互

  • 我认为这应该是web开发人员面临的一个常见问题。我是web开发新手,您能为我的案例分享一些“最佳实践”技巧吗?

    您应该继续使用jquery+ajax。。iFrame有很多缺点。虽然您可以在单独的页面中处理每个插件并避免任何类型的冲突,但易用性成为一个非常令人头痛的问题

    在基于HTML5支持移动平台的时代,iFrame很难用于移动屏幕。此外,iframe将整个苹果用户排除在外,因为苹果设备不支持iframe


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

    您应该继续使用jQuery+Ajax。。iFrame有很多缺点。虽然您可以在单独的页面中处理每个插件并避免任何类型的冲突,但易用性成为一个非常令人头痛的问题

    在基于HTML5支持移动平台的时代,iFrame很难用于移动屏幕。此外,iframe将整个苹果用户排除在外,因为苹果设备不支持iframe


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

    谢谢!那么我应该如何提供javascript呢?我应该在html之后以AJAX响应返回它们吗?或者在全局脚本中包含所有内容?谢谢!那么我应该如何提供javascript呢?我应该在html之后以AJAX响应返回它们吗?还是将所有内容都包含在全局脚本中?