JavaScript异步加载的详细介绍（附代码）

function loadScript (url, callback) {  // 传入url , 和要执行的回调函数

    const script = document.createElement('script');

    script.type = 'text/javascript';  // 创建一个script标签

    if (script.readyState) {   // 做兼容

        script.onreadystatechange = () => {  // readyState变化触发

            if (script.readyState === 'complete' || script.readyState === 'loaded') { // 兼容

                callback();  // 加载完执行回调            }

        }

    } else {

        script.onload = () => {

            callback();  // 加载完执行回调        }

    }

    script.src = url;

    document.head.appendChild(script);  // 插入head中}