javascript 纯js异步脚本加载器

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript 纯js异步脚本加载器相关的知识,希望对你有一定的参考价值。

function loadScript(src, callback)
{
  var s,
      r,
      t;
  r = false;
  s = document.createElement('script');
  s.type = 'text/javascript';
  s.src = src;
  s.onload = s.onreadystatechange = function() {
    //console.log( this.readyState ); //uncomment this line to see which ready states are called.
    if ( !r && (!this.readyState || this.readyState == 'complete') )
    {
      r = true;
      if(callback) {
        callback();
      }
    }
  };
  
  t = document.getElementsByTagName('head')[0];
  t.appendChild(s);
}

/* Usage */
(function() {
  loadScript('the/path/to/your/script.js');
})();

以上是关于javascript 纯js异步脚本加载器的主要内容,如果未能解决你的问题,请参考以下文章

javascript脚本如何异步加载,有啥作用

如何检查是否已加载Javascript脚本异步(Async)或async属性存在?

纯JavaScript实现异步Ajax的基本原理

javascript脚本异步加载的几种方式

异步加载脚本保持执行顺序

JavaScript学习--Item26 异步的脚本加载