Question

我的按钮代码如下所示：

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

我的功能代码如下：

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

我一直在网上寻找答案并尝试了很多东西，但似乎没有任何效果。我只是在那里发出警报，看看是否正在调用该函数。我使用以下方法链接文件。

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

Answer 1

由于路径错误，浏览器可能无法找到您的外部js文件。尝试将函数放入页面的<head>部分，如果有效，问题是js文件的错误路径。

Answer 2

您必须在javascript代码之间编写以下<head>代码，并确保您的给定javascript文件包含valid path。

<强>的JavaScript

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

<强> Demo

Answer 3

在外部js文件的最开头提供您的功能。

Answer 4

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

向文件<a href="file.js">file.js</a>添加HTML链接，然后在浏览器中单击它以查看它的显示位置。
提醒它查看当前目录（前提是它肯定在当前目录中）＆＃34; ./" "./file.js"（由于一些奇怪的原因，它似乎有时会有所帮助 - 或者我疯了 - 这更有可能。）

Answer 5

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

例如：

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

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

我也遇到了同样的问题，然后意识到我没有在script标签中提供适当的type属性，而是在标签中添加了以下内容：

type="text/javascript"

我给的是：

type="text/script"