js-按照顺序加载js

caoxuekun

于 2018-07-19 11:21:30 发布

阅读量1k

点赞数

分类专栏： js

js 专栏收录该内容

1 篇文章

订阅专栏

<!DOCTYPE html>
<html>
<head id="head">
    <title>按照顺序加载js</title>
</head>
<body>

<script type="text/javascript">
    function loadScript(url, callback) {
        var script = document.createElement("script");
        script.type = "text/javascript";
        script.src = url;
        document.getElementById("head").appendChild(script);
        //IE
        if(script.readyState) {
            script.onreadystatechange = function() {
                if(script.readyState == "loaded" || script.readyState == "complete") {
                    script.onreadystatechange = null;
                    callback();
                }
            }
        } else {
            //非IE
            script.onload = function() {
                callback();
            }
        }

    }

    loadScript("a.js",function(){
                console.log("a ok")
        loadScript("b.js",function(){
                console.log("b ok")
            loadScript("c.js",function(){
                console.log("c ok")
            })
        })
    })
</script>
</body>
</html>