javascript 动态加载脚本库

以前使用在使用javascript脚本库的时候都是直接写在head标签里,这样容易暴露脚本库,而且维护起来不方便,每次修改的时候都需要重新添加引用

      <script type="text/javascript" src="1.js"></script>

     <script type="text/javascript" src="2.js"></script>

     <script type="text/javascript" src="3.js"></script>

可以通过动态加载脚本的方式进行脚本的加载,方法如下

      建立一个动态加载的脚本 <script type="text/javascript" src="load.js">

      load.js里的代码如下

      定义需要动态加载的脚本

      var filejs = [

         "1.js",

         "2.js ",

         "3.js"

     ]

  循环遍历脚本   

        var scriptTags = new Array(jsFiles.length);
        for(var i=0,len=jsFiles.length;i<len;i++){
            scriptTags[i] = "<script src='" + jsFiles[i] + "'></script>";
        }

   输出      

      if (scriptTags.length > 0) {
         document.write(scriptTags.join(""));
      }

  这种方式只用加载一次load.js即可,维护起来也更方便,如果需要修改的话修改load.js即可,不用再去修改页面中的内容