Javascript 加载到页脚时从外部JS文件运行函数_Javascript_Jquery

Javascript 加载到页脚时从外部JS文件运行函数

javascript jquery

Javascript 加载到页脚时从外部JS文件运行函数,javascript,jquery,Javascript,Jquery,假设我们有以下页面： <html> <head> </head> <body> <script src="jQuery.js"></script> <script src="myFile.js"></script> <script> $(document).ready(function() { tes

假设我们有以下页面：

<html>
    <head>
    </head>
    <body>

    <script src="jQuery.js"></script>
    <script src="myFile.js"></script>
    <script>
        $(document).ready(function() {
            test();
        });
    </script>
    </body>
</html>

然后console.log将输出以下错误：

未捕获引用错误：未定义测试

我不希望在

中包含我的.JS文件（我认为这会解决问题），因为在页面的页脚中加载HTML之后会更干净

知道如何等待

test（）

运行，直到加载

myFile.js

为止？

如果要在其他地方使用它，需要在全局作用域上定义

test

。此外，如果代码在页脚中，则无需等待文档准备就绪

//$(document).ready(function() {
    function test() {
        alert('Hello World!');
    }
    // add it to global scope
    // window.test = test;
//});

及


//$（文档）.ready（函数（）{
test（）；
//});

//$(document).ready(function() {
    function test() {
        alert('Hello World!');
    }
    // add it to global scope
    // window.test = test;
//});

<script>
    //$(document).ready(function() {
        test();
    //});
</script>