以前使用在使用javascript脚本库的时候都是直接写在head标签里,这样容易暴露脚本库,而且维护起来不方便,每次修改的时候都需要重新添加引用
<script type="text/javascript" src="1.js"></script>
<script type="text/javascript" src="2.js"></script>
<script type="text/javascript" src="3.js"></script>
可以通过动态加载脚本的方式进行脚本的加载,方法如下
建立一个动态加载的脚本 <script type="text/javascript" src="load.js">
load.js里的代码如下
定义需要动态加载的脚本
var filejs = [
"1.js",
"2.js ",
"3.js"
]
循环遍历脚本
var scriptTags = new Array(jsFiles.length);
for(var i=0,len=jsFiles.length;i<len;i++){
scriptTags[i] = "<script src='" + jsFiles[i] + "'></script>";
}
输出
if (scriptTags.length > 0) {
document.write(scriptTags.join(""));
}
这种方式只用加载一次load.js即可,维护起来也更方便,如果需要修改的话修改load.js即可,不用再去修改页面中的内容