javascript - 从html文件中的按钮从另一个文件触发JS函数

Question

这可能是非常基本的，但我无法真正找到解决方案。我正在创建自己的网站。我编写了一个 javascript 文件，简称为“main.js”。

我可以在 HTML 文件中调用整个脚本，如下所示:

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

我在控制台中看到一切都按预期运行。然而，这不是我想要的。我想要的是在单击按钮时触发 JS 脚本中的代码。这是我尝试过的:

                <input class="button" onclick="main()" type="submit"
                    value="Submit" name="">
                </div>

所以我希望我在 HTML 文件中其他地方引用的脚本在单击按钮时触发“main”函数。但目前发生的情况是，单击按钮只会重新加载页面。

因此，将这一切归结为一个问题:我想单击我的 html 按钮，然后从另一个名为“main.js”的脚本触发单个函数。

我怎样才能实现这一目标？

谢谢

Answer 1

我认为这可能是因为您的类型:提交。尝试将其更改为 type="button"。

希望这有帮助!