动态加载js

有时候为了节省资源，需要动态加载js文件，可以试试一下两种方法。

1.jquery方法

$.getScript("test.js",function(){  //加载test.js,成功后，并执行回调函数

  console.log("加载js文件");

});

2.js方法

functionloadScript(url, callback) {

  varscript = document.createElement("script");

  script.type = "text/javascript";

  if(typeof(callback) != "undefined"){

    if(script.readyState) {

      script.onreadystatechange = function() {

        if(script.readyState == "loaded"|| script.readyState == "complete") {

          script.onreadystatechange = null;

          callback();

        }

      };

    } else{

      script.onload = function() {

        callback();

      };

    }

  }

  script.src = url;

  document.body.appendChild(script);

}

loadScript("jquery-latest.js", function() { //加载,并执行回调函数

  console.log('js加载完成');

});

总结：以上两种方法都可以用，jquery方式简单，但是有一点，在dom节点中看不到script标签以及加载的js文件，用js方法就可以查询到script标签及加载的js文件。