如何在.js文件中从.html调用JavaScript函数

Question

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

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

，我想打电话给FN（），这是在我的index.html：

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

当我这样做，这不是” t似乎在调用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> 

我希望这有助于！

-Mike