將JavaScript函數移至外部.js文件時，該函數停止工作

Question

我將功能從html頁面移到了包含的參考文件中。 它停止工作了。

該文件的完整內容是：

alert('file included');

function doAlert() {
   alert('functions work');
}

在html頁面中，我有

<html>
<head><title>Page</title></head>
<body>
  HTML Template Header

  Some Content 

  ASP.NET MVC Partial View Starts
  <script type="text/javascript">
      doAlert();
  </script>
  ASP.NET MVC Partial View ends

  HTML Template Footer

  <script type="text/javascript" src="/Scripts/wtf.js"></script>
</body>
</html>

“包含文件”警報有效，但“功能正常”無效。 我究竟做錯了什么？

Answer 1

在執行功能之前，請確保包含文件。

<script src="file.js" type="text/javascript"></script>
<script type="text/javascript">
   doAlert();
</script>

Answer 2

您應該通過以下方式調用函數：

window.onload = function() {
    doAlert();
    // func_1();
    // func_2();
    // func_3();
    // ...
    // func_n();
};

請參見本關於window.onload事件的更多信息。

jsFiddle上的代碼示例

將JavaScript函數移至外部.js文件時，該函數停止工作

問題描述

2 個解決方案

解決方案1
3 已采納 2011-04-09 23:56:14

解決方案2
1 2011-04-10 00:04:56

將JavaScript函數移至外部.js文件時，該函數停止工作

問題描述

2 個解決方案

解決方案1 3 已采納 2011-04-09 23:56:14

解決方案2 1 2011-04-10 00:04:56

解決方案1
3 已采納 2011-04-09 23:56:14

解決方案2
1 2011-04-10 00:04:56