芒果小站

  1. 全球最具业界良心的主机 - Linode

    毫无疑问,目前做得最好的主机供应商

    猛击这里查看

  2. 芒果小站目前使用的主机 - Linode

    客服响应快,随时退款,XEN 架构稳定

    猛击这里查看

  3. 最好的日本东京线路主机 - Linode

    可选弗里蒙特、达拉斯、亚特兰大、纽瓦克、伦敦、东京机房

    猛击这里查看

  • 1
  • 2
  • 3
切换到精简模式
4

异步顺序加载 JavaScript 脚本队列

作者 芒果/分类 代码/发布于 2013-03-19 13:42

异步顺序加载 JavaScript 脚本队列,贴代码记录下。

// 动态加载脚本文件
function getScript (url, success) {

			var readyState = false,
				script = document.createElement('script');
			script.charset = 'utf-8';
			script.src = url;

			// attach handlers for all browsers
			script.onload = script.onreadystatechange = function () {
				if (!readyState && (!this.readyState || this.readyState == 'loaded' || this.readyState == 'complete')) {
					readyState = true;
					success && success();
				}
			};
			document.body.appendChild(script);

		}
// 异步顺序加载队列
function use (res, callback) {

			if (typeof res === 'string') {
				var _res = res;
				res = [];
				res.push(_res);
			}

			var self = this,
				queue = function (fs, cb) {
					getScript(fs.shift(), function () {
						fs.length ? queue(fs, cb) : cb && cb();
					});
				};

			// execute the queued resources
			queue(res, callback);

		}
版权所有,转载请注明出处。
转载自 <a href="http://mangguo.org/asynchronous-loading-of-javascript-queue/" title="异步顺序加载 JavaScript 脚本队列" rel="bookmark">异步顺序加载 JavaScript 脚本队列 | 芒果小站</a>
如果喜欢这篇文章,欢迎订阅芒果小站以获得最新内容。

已经有 4 条群众意见

  1. airoschou /2013-03-19 17:18

    异步加载那个挺好的 回应

    #1
  2. airoschou /2013-03-22 16:19

    我发觉你们那个淘宝的ued非常牛啊 回应

    #2
  3. DSUU搞笑图 /2013-03-25 21:31

    收藏 以后用的着 回应

    #3
  4. 管理员 /2013-05-14 15:58

    有不同意见 回应

    #4

下面我简单说几句