javascript 动态加载js,css文件并加载完成回调

javascript | 2019-09-13 10:02:39

javascript 原生动态加载js,css文件,并支持回调,为什么我支持使用这种原生的方式,虽然jquery有getscript方式,但是有问题的,他是拉远程代码在主页执行,会导致script里面操作路径的代码出现问题。


1.javascript 动态加载js,css文件代码

function loadScript(src, callback) {
    var script = document.createElement('script'),
        head = document.getElementsByTagName('head')[0];
    script.type = 'text/javascript';
    script.charset = 'UTF-8';
    script.src = src;
    if (script.addEventListener) {
        script.addEventListener('load', function () {
            callback();
        }, false);
    } else if (script.attachEvent) {
        script.attachEvent('onreadystatechange', function () {
            var target = window.event.srcElement;
            if (target.readyState == 'loaded') {
                callback();
            }
        });
    }
    head.appendChild(script);
}


2.使用案例

loadScript('../plugin/ckeditor/ckeditor.js',function(){
//callback
});


登录后即可回复 登录 | 注册
    
关注编程学问公众号