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 异步的脚本加载