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>

我希望这有帮助！

-Mike

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

2 个答案: