js实用方法记录-js动态加载css、js脚本文件

1. 动态加载js文件到head标签并执行回调

方法调用：dynamicLoadJs(‘http://www.yimo.link/static/js/main.min.js’,function(){alert('加载成功’)});

 /**
     * 动态加载JS
     * @param {string} url 脚本地址
     * @param {function} callback  回调函数
     */
    function dynamicLoadJs(url, callback) {
   
        var head = document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.src = url;
        if(typeof(callback)=='function'){
   
            script.onload = script.onreadystatechange = function () {
   
                if (!this.readyState || this.readyState === "loaded" || this.readyState === "complete"){
   
                    callback();
                    script.onload = script.onreadystatechange = null;
                }
            };
        }
        head.appendChild(script);
    }

2. 动态加载css文件到head

方法调用： dynamicLoadCss(‘http://www.yimo.link/static/css/style.css’)

 /**
     * 动态加载CSS
     * @param {string} url 样式地址
     */
    function dynamicLoadCss(url) {
   
        var head = document.getElementsByTagName('head')[0];
        var link = document.createElement('link');
        link.type