javascript - 如何从 .js 文件中的 .html 调用 javascript 函数

Question

是否可以在 .js 文件中从 .html 文件调用 javascript 函数？例如，我的 foo.js 中有这个：

$(document).ready(function() {
    fn(); 
})

我想调用我的 index.html 中的 fn()：

<script type="text/javascript" src="js/foo.js"></script>
<script type="text/javascript">
function fn() {
     .....
}
</script>

当我这样做时，它似乎没有调用 fn()。

Answer 1

您的脚本标签嵌套不正确。

<script type="text/javascript">
    function fn() {
         .....
    }
</script>
<script type="text/javascript" src="js/foo.js"></script>

并实际回答您的问题：是的，这是可能的。

Answer 2

绝对可以，但不推荐。如果您正在调用已嵌套在 html 中的函数，则该函数可能应该在调用它的文件中。当然，除非您有自己的辅助函数和实用函数库，并且您调用的这个函数可以驻留在那里。这将在您的程序逻辑（JavaScript）和您的内容（HTML）之间保持良好的分离。例如：

<!-- Your Helper Library that holds useful functions -->
<script type="text/javascript" src="helpers.js"></scrip>

<!-- Your Program Logic that makes use of your helper functions -->
<script type="text/javascript" src="programlogic.js"></scrip>

我希望这有帮助！

-麦克风