JavaScript 将多个引用（样式或者脚本）放入一个文件进行引用

最新推荐文章于 2021-04-22 03:56:13 发布

哈哈哦0

最新推荐文章于 2021-04-22 03:56:13 发布

阅读量872

点赞数

分类专栏：前端

前端专栏收录该内容

58 篇文章

订阅专栏

本文介绍了如何通过将样式和脚本文件集中引用，优化网页加载速度和提高开发效率的方法。详细展示了各种CSS和JS资源的引入方式，包括Bootstrap、jQuery、Chosen等常用框架和库。

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

1、将样式放入一个文件进行引用

@import url("../media/css/bootstrap.min.css");
@import url("../media/css/bootstrap-responsive.min.css");
@import url("../media/css/font-awesome.min.css");
@import url("../media/css/style-metro.css");
@import url("../media/css/style.css");
@import url("../media/css/style-responsive.css");
@import url("../media/css/default.css");
@import url("../media/css/uniform.default.css");
@import url("../media/css/bootstrap-fileupload.css");
@import url("../media/css/chosen.css");
@import url("../media/css/profile.css");

2、将脚本放入一个文件进行引用

// 初始化脚本

    document.write('<script src="../../media/js/jquery-migrate-1.2.1.min.js" type="text/javascript"></script>');
    document.write('<script src="../../media/js/jquery-ui-1.10.1.custom.min.js" type="text/javascript"></script>');
    document.write('<script src="../../media/js/bootstrap.min.js" type="text/javascript"></script>');
    document.write('<script type="text/javascript" src="../../media/js/bootstrap-datetimepicker.js" ></script>');
    document.write('<script src="media/js/excanvas.min.js"></script>');
    document.write('<script src="media/js/respond.min.js"></script>');
    document.write('<script src="../../media/js/jquery.uniform.min.js" type="text/javascript"></script>');
    document.write('<script type="text/javascript" src="../../media/js/bootstrap-fileupload.js"></script>');
    document.write('<script type="text/javascript" src="../../media/js/chosen.jquery.min.js"></script>');

轉自：https://www.cnblogs.com/tianjinquan/p/3736240.html