动态加载js和css并立即使用

动态加载js和css的方法网上很多,但是能立即使用的并不多,以下提供两种方法,均可立即使用,借鉴网络

function loadCSS(url) {
    var link = document.createElement('link');
    link.type = 'text/css';
    link.rel = 'stylesheet';
    link.href = url;
    document.body.appendChild(link);
}
function loadJS(url) {
    var oXmlHttp = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject("MsXml2.XmlHttp");
    oXmlHttp.onreadystatechange = function () {
        if (oXmlHttp.readyState == 4) {
            var oHead = document.getElementsByTagName('HEAD').item(0);
            var oScript = document.createElement("script");
            oScript.type = "text/javascript";
            oScript.text = oXmlHttp.responseText;
            oHead.appendChild(oScript);
        }
    };
    oXmlHttp.open('GET', url, false);
    oXmlHttp.send(null);
}

加载可以直接使用,比如:

loadJS("https://lib.baomitu.com/jquery/2.2.4/jquery.min.js");
$.fn.jquery;

发表评论

电子邮件地址不会被公开。 必填项已用*标注