动态加载js文件

有些时候我们需要动态加载js文件，可以提高浏览的效率，还可以根据某些情况来决定要不要加载，本来就不需要加载的时候为什么还要加载呢，不是浪费效率浪费流量么。

function loadJS(url, callback) {
    var script = document.createElement('script'),
        fn = callback || function () { };
    script.type = 'text/javascript';
    //IE
    if (script.readyState) {
        script.onreadystatechange = function () {
            if (script.readyState == 'loaded' || script.readyState == 'complete') {
                script.onreadystatechange = null;
                fn();
            }
        };
    } else {
        //其他浏览器
        script.onload = function () {
            fn();
        };
    }
    script.src = url;
    document.getElementsByTagName('head')[0].appendChild(script);
}

调用：

//动态加载js，提高页面加载速度      
loadJS('https://unpkg.com/mermaid@8.3.1/dist/mermaid.min.js', function () {
    alert('加载成功!');
});