如何判断js文件是否加载完毕

在实际应用中，我们可能会根据需要来引入外部js文件，以达成想要的效果。

但是这个效果需要在js文件加载完毕以后才能够去实现，这时候就有可能需要让我们去判断js文件是否加载完毕。

先看一段代码实例:

function include_js(file) {
  var _doc = document.getElementsByTagName('head')[0];
  var js = document.createElement('script');
  js.setAttribute('type', 'text/javascript');
  js.setAttribute('src', file);
  _doc.appendChild(js);
  if (!/*@cc_on!@*/0) { //if not IE
    js.onload = function () {
      console.log("文件加载完毕");
    }
  } else {
    js.onreadystatechange = function () {
      if (js.readyState == 'loaded' || js.readyState == 'complete') {
        console.log("文件加载完毕");
      }
    }
  }
  return false;
}
include_js('http://www.pipipi.net/mytest/jQuery/jquery-1.8.3.js');

上面的代码实现了加载完毕后的判断功能，下面简单对代码做一下说明。

在IE7以上和其他标准浏览器可以使用onload事件来判断js文件是否加载完毕，但是IE7和IE7以下浏览器中，<script>不支持onload事件，需要使用onreadystatechange事件来替代。

if (!/*@cc_on!@*/0)

上面的语句能够判断非IE浏览器（准确的说只能够判断到IE10）。