javascript - 检测脚本是否已经加载

Question

helloworld.js 似乎根据我单击 #load 的次数多次加载。我这样说是因为当我查看 Google Chromes Developer Tools Network 选项卡时，它显示 helloworld.js 的次数与我点击 #load 的次数相同。

$(document).ready(function() {

    $("#load").click(function(){
        $.getScript('helloworld.js', function() {
            hello();
        });
    });

});

hello() 函数如下所示:

function hello(){
    alert("hello");
}

是否可以检测 helloworld.js 是否已经加载？

所以没加载就加载，加载了就不加载。

如果我点击 #load 按钮 4 次，Developer Tools 当前会显示以下内容:

Answer 1

当文件加载成功时设置一个标志。如果设置了标志，则再次跳过文件加载。

试试这段代码，

    var isLoaded = 0; //Set the flag OFF 

    $(document).ready(function() {

        $("#load").click(function(){
            if(isLoaded){ //If flag is ON then return false
                alert("File already loaded");
                return false;
            }
            $.getScript('helloworld.js', function() {
                isLoaded = 1; //Turn ON the flag
                hello();

            });
        });

    });