javascript帶回調(diào)函數(shù)的異步腳本載入方法實例分析

更新時間：2015年07月02日 12:12:27 作者：不吃皮蛋

這篇文章主要介紹了javascript帶回調(diào)函數(shù)的異步腳本載入方法,以實例形式較為詳細(xì)的分析了javascript回調(diào)函數(shù)實現(xiàn)異步載入的定義與使用技巧,需要的朋友可以參考下

本文實例講述了javascript帶回調(diào)函數(shù)的異步腳本載入方法。分享給大家供大家參考。具體實現(xiàn)方法如下：

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程序設(shè)計有所幫助。

您可能感興趣的文章:

相關(guān)文章

javascript控制層顯示或隱藏的方法
這篇文章主要介紹了javascript控制層顯示或隱藏的方法,涉及javascript操作頁面元素樣式的相關(guān)技巧,非常簡單實用,需要的朋友可以參考下
2015-07-07
uniapp中uni-popup的具體使用
本文主要介紹了uniapp中uni-popup的具體使用，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2023-06-06
原生js實現(xiàn)跨瀏覽器獲取鼠標(biāo)按鍵的值
e.button W3C是獲取鼠標(biāo)按鍵 0 表示左鍵 1表示中鍵 2表示右鍵而IE瀏覽器則是 1表示左鍵 4表示中間 2表示右鍵這里的IE瀏覽器主要是IE8以下的瀏覽器，感興趣的朋友可以參考下哈
2013-04-04
純JS將table表格導(dǎo)出到excel的方法
這篇文章主要介紹了純JS將table表格導(dǎo)出到excel的方法,本文通過示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下
2021-09-09
基于勻速運動的實例講解(側(cè)邊欄,淡入淡出)
下面小編就為大家?guī)硪黄趧蛩龠\動的實例講解(側(cè)邊欄,淡入淡出)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2017-10-10
利用js對象彈出一個層
用js實現(xiàn)彈出層效果，一般用于代替alert
2008-03-03
JavaScript 高仿真可控彈簧振子實現(xiàn)代碼
我剛學(xué)JavaScript ，看見一些牛人寫了許多特效，我也花了一天寫了一個彈簧振子，完全獨創(chuàng)，沒有借鑒任何人的代碼.
2009-10-10
Add a Table to a Word Document
Add a Table to a Word Document...
2007-06-06
獲取服務(wù)器傳來的數(shù)據(jù) 用JS去空格的正則表達(dá)式
獲取服務(wù)器傳來的數(shù)據(jù) 用JS去空格的正則表達(dá)式，需要的朋友可以參考下
2012-03-03
JS 修改URL參數(shù)(實現(xiàn)代碼)
本篇文章是對JS修改URL參數(shù)的實現(xiàn)代碼進(jìn)行了詳細(xì)的分析介紹，需要的朋友參考下
2013-07-07