打造自己的js库(load篇)

最新推荐文章于 2025-07-14 15:08:07 发布

搬砖小王子之昌平区分子

最新推荐文章于 2025-07-14 15:08:07 发布

阅读量405

点赞数

CC 4.0 BY-SA版权

分类专栏：前端文章标签： js js库打造自己的js库

本文链接：https://blog.youkuaiyun.com/qq_39771254/article/details/81083510

前端专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一个简单的JavaScript库，用于实现CSS文件和JavaScript文件的动态加载功能。该库提供了loadScript和loadCss两个方法，可以方便地加载外部资源，并支持加载超时处理及回调函数。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

打造自己的js库(load篇)

这一篇是用来动态加载css以及js，包括loadscript以及loadcss方法。

    namespace('gu.load');

    extend(gu.load,{
    /**
    * 加载js
    * @param url
    * @param callback
    * @returns {boolean}
    * @date 2017-11-21
    */
    loadScript:function (url, callback) {
    var head = document.getElementsByTagName("head")[0];
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.charset = 'GBK';
    script.src = url;
    var timeout = setTimeout(
    function (){
    head.removeChild(script);
    callback.call(this,false);
    },
    50
    );

    script.onload = function () {
    head.removeChild(script);
    clearTimeout(timeout);
    callback();
    };
    head.appendChild(script);
    return true;
    },
    /**
    * 加载css
    * @param url
    * @param callback
    * @date 2017-11-21
    */
    loadCss:function (url, callback) {
    var head = document.getElementsByTagName("head")[0];
    var link = head.appendChild(
    document.createElement("link")
    );
    link.href = url;
    link.rel = 'stylesheet';
    callback.call(this,true);
    }
    });

    extend(window,gu.load);