«

js动态加载以及确定加载完成

时间:2024-2-22 14:08     作者:韩俊     分类: Javascript


利用js动态加载js文件到页面,并在确定加载完成后调用相关 function 代码如下:

function loadJs(fsrc, callMyFun) {
    callMyFun = callMyFun || {};
    var script = document.createElement('script');
    script = document.createElement('script');
    script.setAttribute('type', 'text/javascript');
    script.setAttribute('src', fsrc);
    document.getElementsByTagName('head')[0].appendChild(script);//追加到head标签内

    //判断浏览器类型,2023年了,这些其实都不用判断了
    if (navigator.userAgent.indexOf('IE') >= 0) {
        //IE下的事件
        script.onreadystatechange = function () {
            //IE下的判断,判断是否加载完成
            if (script && (script.readyState == 'loaded' || script.readyState == 'complete')) {
                script.onreadystatechange = null;
                callMyFun();
            }
        };
    } else {
        script.onload = function () {
            script.onload = null;
            callMyFun();
        };
    }
}

标签: javascript

热门推荐