JS,CSS文件引入代码封装

最新推荐文章于 2022-03-21 21:48:40 发布

黄宝康

最新推荐文章于 2022-03-21 21:48:40 发布

阅读量1.5k

点赞数

分类专栏：代码封装文章标签： JS、CSS文件引入代码封装

本文链接：https://blog.csdn.net/huangbaokang/article/details/80135752

版权

代码封装专栏收录该内容

30 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>JS,CSS文件引入代码封装</title>
</head>
<body>
    <script type="text/javascript">

        var vars = {
            jsPath: 'resources/script/',
            jsTmp: 'resources/script/artTemplate/',
            cssPath: 'resources/skin/',
            isLayer: 'resources/script/layer/'
        };

//扩展
var fnExtend = {
    includFile: function(g, c) {
        for (var f = "string" == typeof c ? [c] : c, d = 0; d < f.length; d++) {
            var b = f[d].replace(/^\s|\s$/g, ""),
                a = b.split("."),
                e = "css" == a[a.length - 1].toLowerCase(),
                a = e ? "link" : "script",
                h = e ? " type='text/css' rel='stylesheet' " : " language='javascript' type='text/javascript' ",
                b = (e ? "href" : "src") + "='" + g + b + "'";

                console.log("<" + a + h + b + "></" + a + ">");
            //0 == $(a + "[" + b + "]").length && document.write("<" + a + h + b + "></" + a + ">")
        }
    }
};

//插入css文件
fnExtend.includFile(vars.cssPath, ['base.css', 'content.css','blue.css']);
//插入js文件
fnExtend.includFile(vars.jsPath, ['jquery-ui.min.js','dcselect.js']);
fnExtend.includFile(vars.isLayer, ['layer.js']);
fnExtend.includFile(vars.jsTmp, ['template.js']);

    </script>
</body>
</html>