如何在.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>

我希望這有幫助！

-麥克風