按钮点击不调用函数

Button onclick not calling function

本文关键字：调用 函数 按钮      更新时间：2023-09-26

我的按钮代码如下所示：

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

我的函数代码是这样的：

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

我一直在网上寻找答案并尝试了很多事情，但似乎没有任何效果。我只是把警报放在那里，看看是否正在调用该函数。我正在使用以下内容来链接文件。

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

可能是浏览器找不到您的外部js文件，因为路径错误。尝试将函数放在页面的<head>部分内，如果有效，则问题是js文件的路径错误。

你必须

在<head>标签之间编写以下javascript代码，并确保给定的javascript文件有valid path。

JavaScript

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

演示

相反，

您可以在脚本标记中调用 jquery 并在外部调用函数。

前任：

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

如果将来它对任何人有帮助，当遇到这样的链接问题时，我发现它很有用：

  1. 将 HTML 链接添加到文件<a href="file.js">file.js</a>，然后在浏览器中单击它以查看它将带您到哪里。
  2. 提醒它查找当前目录（前提是它肯定在当前目录中）"./file.js""./"（出于某种奇怪的原因，它似乎有时会有所帮助 - 或者我疯了 - 这更有可能。

在外部 js 文件的开头给出你的函数。

如果您的函数恰好在全局范围内，请尝试在函数之前添加window.。喜欢这个：

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

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

这对我有用。

我见过其他人指定按钮类型，然后在函数后添加 return false，如下所示：

<button type="button" onclick="window.submitFunction(); return false;">Submit</button>这对我来说没有任何改变，但它可能对你有用。你可以试一试。

我也遇到了同样的问题，然后意识到我没有在脚本标签中给出正确的类型属性，而不是给出标签为：

type="text/javascript"

我给它作为：

type="text/script"
相关文章：