防止多次下载相同的JavaScript库

时间:2014-02-12 10:15:17

标签: jquery angularjs requirejs javascript

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

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

可以通过RequireJS处理吗?

1 个答案:

答案 0 :(得分:0)

只是为了得到这个想法:

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:)