如何判断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)。

如何判断js文件是否加载完毕,这样的场景在实际项目中还是用的比较多的,关于如何判断js文件是否加载完毕就介绍到这了。

如何判断js文件是否加载完毕属于前端实例代码,有关更多实例代码大家可以查看

回复

我来回复
  • 暂无回复内容