如何使用headjs来管理和异步加载js

// 最简单的例子，异步加载js
head.js("/path/to/file.js");
// 异步加载js，只在js加载成功之后执行后面的函数
head.js("/path/to/file.js", function() {
});
// 并行下载下面的js，并且按顺序加载执行js
head.js("file1.js", "file2.js", ... "fileN.js");
// 并行下载js，并且按顺序加载执行js，加载完成后执行后面的函数
head.js("file1.js", "file2.js", function() {
});
// 类似head.js("file1.js", "file2.js","fileN.js");写法不一样而已
head.js("file1.js");
head.js("file2.js");
head.js("file3.js");
// 还可以这么写
head.js("file1.js").js("file1.js").js("file3.js");

//只有在页面所有head.js加载完成之后才会执行
head.ready(function() {
});
// 简洁的写法如下
head(function(){
});
// 在页面所有head.js加载完成之后才加载file1.js
head.ready("file1.js",function(){
});

// 按headjs中的脚本顺序，下载并加载里面脚本，在脚本tool加载完成之后执行下面的回调
head.ready("tools", function() {
 // 调用
 $(".tip").tooltip();
});
// 给脚本起别名
head.js( {jquery: "http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"}, {tools: "http://cnd.jquerytools.org/1.2.5/tiny/jquery.tools.min"}, {heavy: "http://a.heavy.library/we/dont/want/to/wait/for.js"},
 // 别名可选
 "http://can.be.mixed/with/unlabeled/files.js"
);

<script type="text/javascript" src="/UploadFiles/2021-04-02/head.min.js">

这样做即使无法加载jquery等其他脚本也不会影响网页的使用
以上就是本文的全部内容，希望对大家有所帮助，同时也希望多多支持！