【HTML】Html引用公用的JS、CSS文件

xiaobai 18 1

在实际过程中,尝尝会遇到一大堆外部的js和css文件,有经验的人会将其分类,分门别类的引入各页面中,但是相对于初学者或者没有良好的代码规范的人会时常将其弄的乱七八糟,比如这样

<script src="js/test1.js"></script>
<script src="js/test2.js"></script>
<script src="js/test3.js"></script>

如何让一些常用的js封装成只引入一个js文件呢,其实很简单,新建一个commonJs.js文件,然后在里面引入公共的外部js文件

document.write('<script src="js/test1.js"></script>');
document.write('<script src="js/test2.js"></script>');
document.write('<script src="js/test3.js"></script>');

这样咱们就算是提取出了公共的外部文件,然后再在每个页面引入这这个js文件即可

<script src="js/commonJs.js"></script>

那么有人会问了,居然js可以做到,那么css文件呢。其实也是可以的。一样新建一个commonCss.js文件,然后在里面引入公共的外部css文件

document.write('<script src="css/test1.css"></script>');
document.write('<script src="css/test2.css"></script>');
document.write('<script src="css/test3.css"></script>');

这样咱们就算是提取出了公共的外部文件,然后再在每个页面引入这这个js文件即可

<script src="css/commonCss.js"></script>

发表评论 取消回复
表情 图片 链接 代码

  1. xiaobai
    xiaobai 站长

    [aru_59]

分享
微信
微博
QQ