通过js引入当前所需要的js，css等-优快云博客

本文介绍了一种在前端页面中批量加载多个JS和CSS文件的方法。通过创建一个init.js文件，利用JavaScript动态生成script和link标签，实现了一次性加载多个资源的功能。此方法简化了前端资源的引入流程。

在我们web前端页面中经常会用到许多外部的js，css文件，那么问题来了，怎样才能一次性引入？

通过js便可实现

走码：

//创建一个init.js文件
var jsUrls = "js/jquery-1.7.1.min.js";
for (var j = 0; j < jsUrls.split(",").length; j++) {
    document.write('<scr' + 'ipt type="text/javascript" src="' + jsUrls.split(",")[j] + '"><\/scr' + 'ipt>');
}
//引入样式也类似
var cssLink={};
var cssUrls="css/style.css";
for( var i=0 ; i < cssUrls.split(",").length; i++ ){
    cssLink[i] = top.document.createElement("link");
    cssLink[i].setAttribute("rel", "Stylesheet");
    cssLink[i].setAttribute("type", "text/css");
    cssLink[i].setAttribute("href", cssUrls.split(",")[i]);
    top.document.getElementsByTagName("head")[0].appendChild(cssLink[i]);
}
//然后在页面引入init.js即可，注意script要分开写，这是因为浏览器引擎解释的原因，<script></script>标签中不能再出现同样的script标签，如果是字符串就没问题了