按鈕onclick不調用函數

Question

我的按鈕代碼如下所示：

<button onclick="submitFunction()">Submit</button>

我的函數代碼是這樣的：

function submitFunction() {
    alert("example");
}

我一直在網上尋找答案並嘗試了很多東西，但似乎沒有任何效果。 我只是將警報放在那里，看看是否正在調用該函數。 我正在使用以下鏈接文件。

<script src="file.js"></script>

Answer 1

由於路徑錯誤，瀏覽器可能找不到您的外部 js 文件。 嘗試將函數放在頁面的<head>部分，如果有效，問題是 js 文件的錯誤路徑。

Answer 2

您必須在<head>標記之間編寫以下javascript代碼，並確保給定的 javascript 文件具有valid path 。

JavaScript

<script type="text/javascript">
  function submitFunction() {
      alert("example");
  }
</script>

Answer 3

相反，您可以在腳本標記中從外部調用 jquery 和調用函數。

前任：

$("button").on("click",function(){alert("hi")})

Answer 4

在外部 js 文件的開頭給出你的函數。

Answer 5

以防將來它對任何人有幫助，當遇到這樣的鏈接問題時，我發現它對以下方面很有用：

將 HTML 鏈接添加到文件<a href="file.js">file.js</a>並在瀏覽器中單擊它以查看它會將您帶到何處。
提醒它使用"./file.js"查看當前目錄（前提是它肯定在當前目錄中）（出於某種奇怪的原因，它似乎有時會有所幫助 - 或者我瘋了 - 這是更多很有可能。）

Answer 6

如果您的函數恰好在全局范圍內，請嘗試添加window. 在函數之前。 像這樣：

<button onclick="window.submitFunction()">Submit</button>

function submitFunction() {
    alert("example");
}

這對我有用。

我見過其他人指定按鈕類型，然后在函數后添加 return false ，如下所示：

<button type="button" onclick="window.submitFunction(); return false;">Submit</button>這對我沒有任何改變，但它可能適用於你的情況。 你可以試一試。

Answer 7

我也遇到了同樣的問題，然后意識到我沒有在腳本標簽中提供正確的類型屬性，而不是將標簽提供為：

type="text/javascript"

我給它作為：

type="text/script"