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程序设计有所帮助。
-
本文向大家介绍python使用multiprocessing模块实现带回调函数的异步调用方法，包括了python使用multiprocessing模块实现带回调函数的异步调用方法的使用技巧和注意事项，需要的朋友参考一下 本文实例讲述了python使用multiprocessing模块实现带回调函数的异步调用方法。分享给大家供大家参考。具体分析如下： multipressing模块是python 2
-
问题内容： 我有一个html页面，我在其中通过如下所示的javascript动态附加html 我想调用一个js函数，例如，loadedContent（）; 一旦以上脚本添加了动态html。 有人可以帮我怎么做吗？ 问题答案： 您可以在不使用head.js javascript的情况下实现这一目标。
-
问题内容： 首先，这是一个非常特殊的情况，它以错误的方式故意将异步调用改型为一个非常同步的代码库，该代码库长成千上万行，并且当前时间不具备进行更改的能力。对的。” 它伤害了我的每一个生命，但是现实和理想往往并没有相互融合。我知道这很糟糕。 好的，顺便说一句，我该如何做，这样我可以： 示例（或缺少示例）全部使用库和/或编译器，这两种库均不适用于此解决方案。我需要一个如何使其冻结的具体示例（例如，在调
-
问题内容： 在SO中多次问过这个问题。但是我还是收不到东西。 我想从回调中获得一些价值。请看下面的脚本进行澄清。 如果我尝试返回该值，则只是“未定义”。我遵循了SO的一些想法，但仍然失败。 那些是： 问题答案： 这是不可能的，因为您无法从同步方法内部的异步调用返回。 在这种情况下，您需要将回调传递给foo，该回调将接收返回值 问题是，如果内部函数调用是异步的，则所有“包装”此调用的函数也必须是异步
-
本文向大家介绍JavaScript异步回调的Promise模式封装实例，包括了JavaScript异步回调的Promise模式封装实例的使用技巧和注意事项，需要的朋友参考一下 网页的交互越来越复杂，JavaScript 的异步操作也随之越来越多。如常见的 ajax 请求，需要在请求完成时响应操作，请求通常是异步的，请求的过程中用户还能进行其他的操作，不会对页面进行阻塞，这种异步的交互效果对用户来说
-
问题内容： 我正在使用JQuery的几个插件，自定义窗口小部件和其他一些库。结果，我有几个.js和.css文件。我需要为网站创建一个加载器，因为加载需要一些时间。如果可以在导入所有内容之前显示加载程序，那就太好了： 我找到了一些教程，这些教程使我能够异步导入JavaScript库。例如，我可以做类似的事情： 由于某种原因，当我对所有文件执行相同操作时，页面将无法正常工作。我已经尝试了很长时间，试图