45fan.com - 路饭网

搜索: 您的位置主页 > 电脑频道 > 编程代码 > 阅读资讯:javascript如何实现带回调函数的异步脚本载入方法

javascript如何实现带回调函数的异步脚本载入方法

2015-07-23 09:17:50 来源:www.45fan.com 【

javascript如何实现带回调函数的异步脚本载入方法

本文实例讲述了javascript带回调函数的异步脚本载入方法。分享给大家供大家参考。具体实现方法如下:

var Loader = function () { }
Loader.prototype = {
 require: function (scripts, callback) {
  this.loadCount  = 0;
  this.totalRequired = scripts.length;
  this.callback  = callback;
  for (var i = 0; i < scripts.length; i++) {
   this.writeScript(scripts[i]);
  }
 },
 loaded: function (evt) {
  this.loadCount++;
  if (this.loadCount == this.totalRequired && typeof this.callback == 'function') this.callback.call();
 },
 writeScript: function (src) {
  var self = this;
  var s = document.createElement('script');
  s.type = "text/javascript";
  s.async = true;
  s.src = src;
  s.addEventListener('load', function (e) { self.loaded(e); }, false);
  var head = document.getElementsByTagName('head')[0];
  head.appendChild(s);
 }
}

用法演示

var l = new Loader();
l.require([
 "example-script-1.js",
 "example-script-2.js"],
 function() {
  // Callback
  console.log('All Scripts Loaded');
 });

希望本文所述对大家的javascript程序设计有所帮助。


本文地址:http://www.45fan.com/bcdm/15397.html
Tags: JavaScript 函数 异步
编辑:路饭网
推广内容
推荐阅读
热门推荐
推荐文章
关于我们 | 联系我们 | 友情链接 | 网站地图 | Sitemap | App | 返回顶部