javascript - 在脚本标签 block 之间调用 JavaScript 函数

Question

我有两套<script>标记包含 JavaScript 函数的 block ，并按优先顺序排列它们。其中一个标签包含 src到另一个外部 .js 库文件，如下所示。

<script src='libtest.js'>
    function helloworld() {
        alert('hello world');
    }

    function callLibraryTest() {
        runLibraryTest(); //Calls into libtest.js for auto test.
    }
</script>

... some html ...

<script>
    function callHello() {
        helloworld();
    }
</script>

我收到的错误是 callHello()函数没有helloworld()定义的。我该如何解决这个问题？

请注意，这些脚本是故意分开的，因为如果它们聚在一起，就会调用 callHello()可能最终也没有定义。

谢谢。

Answer 1

如果 <script>标签有 src属性，它也不能包含脚本文本。移动helloworld功能到一个单独的<script>标签。

<script src="libtest.js"></script>

<script>
    function helloworld() {
        alert('hello world');
    }

    function callLibraryTest() {
        runLibraryTest(); // Calls into libtest.js for auto test.
    }
</script>

<!-- some html ... -->

<script>
    function callHello() {
        helloworld();
    }
</script>