动态加载js文件并调用其函数

今天发现jquery的取色器插件(jquery.colorpicker.js)首次能够正常引入,刷新页面后无法引用。故在网上找到该方法。

//动态引用JS文件    参数:url 表示js文件的绝对路径或相对路径(例如: http://*/*.js); callback 回调函数,当动态请求的js文件下载成功后执行
function loadScript(url, callback) {
     callback = typeof callback === 'function' ? callback : function() {};
     var head = document.getElementsByTagName('head')[0];
     var script = document.createElement('script');
     script.type = 'text/javascript';
     script.src = url; 
     script.onreadystatechange = function() {
         if(this.readyState == "loaded" || this.readyState == "complete"){
            callback();
         }
     }
     script.onload = callback;
     head.appendChild(script);
}
//引入colorpocker.js并且在引入成功后调用其函数
loadScript("${basePath}/scripts/jQuery/plugins/jQuery_colorpicker/jquery.colorpicker.js",function(){
        console.log("OK");
        setColorP();
    });

你可能感兴趣的:(web前端,js动态引入)