js动态检测加载 JQ

var jqcdnurl = 'https://cdn.bootcss.com/jquery/3.2.1/jquery.js';
//控制台输出
function log() {
    for (var index in arguments) {
        console.log(arguments[index]);
    }
}
//js加载 fun
function loadjs() {
    arguments[0]();
    for (var index in arguments) {
        if (index != 0) {
            document.write("<scr" + "ipt src=\"" + arguments[index] + "\"></sc" + "ript>");
            log("java script :" + arguments[index] + " -> please waiting,loading...↓")
        }
    }
}

//异常处理函数 fun
function catchErro() {
    try {
        if (arguments.length > 0) {
            arguments[0]();
        }

    } catch (err) {
        if (arguments.length > 1) {
            arguments[1](err);
        }

    } finally {
        if (arguments.length > 2) {
            arguments[2]();
        }

    }
}

//是否具有jq 环境 fun
function isHasJq() {
    return typeof (jQuery) == "undefined" ? false : true;
}

//动态加载js fun
function loadScript(url, callback) {
    var script = document.createElement("script");
    script.type = "text/javascript";
    if (typeof (callback) != "undefined") {
        if (script.readyState) {
            script.onreadystatechange = function () {
                if (script.readyState == "loaded" || script.readyState == "complete") {
                    script.onreadystatechange = null;
                    callback();
                }
            };
        } else {
            script.onload = function () {
                callback();
            };
        }
    };
    script.src = url;
    document.body.appendChild(script);
}

//是否存在此src js fun
function isHasjsBysrc(url) {
    var ishave = false;
    var headscripts = document.getElementsByTagName('script');
    for (var index in headscripts) {


        if (headscripts[index].src == url) {
            ishave = true
        }
        log("引入脚本:" + headscripts[index].src);

    }
    log("JQ 脚本状态:" + ishave);
    return ishave;
}
//加载jqcdn #废除 fun
function appendJQCDN() {
    if (!isHasjsBysrc("https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js")) {
        var head = document.head || document.getElementsByTagName('head')[0];
        var script = document.createElement('script');
        var style = document.createElement('style');
        script.setAttribute("src", "https://cdn.bootcss.com/jquery/1.10.2/jquery.min.js");
        style.innerHTML = '';
        head.appendChild(script);
        head.appendChild(style);
        log("JQ CDN 引入成功! ");
    }
}

//动态加载JQ并执行 fun
function dynamicAddJQExcute(excuteFUN) {
    loadScript(jqcdnurl, excuteFUN);
    log("JQ ALL Ready!");
}


//加载js
loadjs(function () {
    log("cs_base-js load ok!", "loading done");
}, "js/csopp.js", "js/cstip.js");

//JQ执行函数
function ExcuteCs(fun) {
    if (isHasJq()) {
        $(document).ready(function () {
            fun();
        });
    } else {
        dynamicAddJQExcute(function () {
            $(document).ready(function () {
                fun();
            });
        });

    }
}

document.onload = catchErro(
    function () {
        if (isHasJq()) {
            log("JQ ALL Ready!");
        } else throw ex;
    },
    function (ex) {
        log("没有引入 JQ 环境,请引入JQ 环境", "动态引入.... (未在网络状态则无法动态引用)" ,"建议手动引入,否则造成未知错误,对此不负任何责任");
    }
);

ExcuteCs(function(){
	$("body").html("TEST");
});


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值