防止多次下载相同的JavaScript库

Question

我有一个场景，其中容器HTML页面包括大多数常见的JS框架，例如JQuery，AngularJS，Bootstrap。 然后，该页面将通过使用JQuery的Ajax调用在其中包含其他小部件，并且如果这些小部件随附于这些常见框架中的任何一个，则重复框架的应用程序/事件将停止工作。

现在有什么方法可以防止从这些小部件下载通用框架？

可以通过RequireJS处理吗？

Answer 1

只是想知道：

if (!sessionStorage.isLoaded)
{
    //load
    var fileref=document.createElement('script');
    fileref.setAttribute("type","text/javascript");
    fileref.setAttribute("src", filename);
    fileref.onload = function(){
      sessionStorage.isLoaded = 1;
    };
    document.getElementsByTagName("head")[0].appendChild(fileref);

}

检查兼容性http://www.nczonline.net/blog/2009/07/28/the-best-way-to-load-external-javascript/

最好取消设置sessionStorage.isLoaded beforeOnLoad :)