從HTML按鈕調用外部JavaScript

Question

我正在嘗試建立一個頁面，當用戶按下html形式的按鈕時，該頁面將調用外部Javascript函數。 函數名稱是lock（），我在按鈕上的代碼如下：

<form>
<button type="button" onclick="lock()">Pause/Play</button>
</form>

嘗試運行代碼會出現以下錯誤：

The value of the property 'lock' is null or undefined, not a Function object

我已經確認我要調用的函數是.js文件范圍內的全局函數，並且我知道頁面啟動時正在加載.js文件，因為除此按鈕之外的所有功能都可以正常工作。 我是否缺少任何明顯的步驟？如果沒有，我需要驗證什么？ 謝謝。

Answer 1

如果您打開開發工具（例如chrome中的f12），並在控制台中輸入lock，它會返回該功能嗎？ 或未定義？

不看代碼就不可能告訴發生了什么。

您可以嘗試一些方法：

1.在主體的結束標記上方包括腳本標記，以確保在按鈕之后加載腳本。

將事件處理程序不是內聯而是附加在domcontentloaded事件中。
要進行調試，請嘗試從同一按鈕調用其他功能，以解決問題，反之亦然，請嘗試將該功能附加到其他按鈕，看看是否可以正常工作。

Answer 2

您在html的哪里有javascript行，該行從其他來源調用該函數？ 如果您在<head></head>內部繪制了該行，則嘗試將html文件中的行進一步移到下方，就像</body>之前一樣，例如：

 <html>
 <head>
 <title>My HTML</title>
 </head>
 <body>
 <blah></blah>
 <script type="text/javascript" src="myexternal.js"></script>
 </body>
 </html>

從HTML按鈕調用外部JavaScript

問題描述

2 個解決方案

解決方案1
0 2014-01-16 21:10:49

解決方案2
0 2014-01-16 21:41:41

從HTML按鈕調用外部JavaScript

問題描述

2 個解決方案

解決方案1 0 2014-01-16 21:10:49

解決方案2 0 2014-01-16 21:41:41

解決方案1
0 2014-01-16 21:10:49

解決方案2
0 2014-01-16 21:41:41