从单独的文件调用 onclick() 函数答案

【问题标题】：Calling an onclick() function from a separate file从单独的文件调用 onclick() 函数
【发布时间】：2026-02-04 00:55:02
【问题描述】：

我在下面有一个onclick 函数：

<input type="submit" onclick=logUserIn() value="Log in">

当我在脚本标签中使用该功能时效果很好

<script>

function logUserIn(){
    //does something
};

</script>

但是我现在已经将它提取到它自己的名为 log_user_in.js 的文件中，该文件位于与我的 HTML 文件夹相同级别的 JS 文件夹中。

然后我将这一行 <script src="../js/log_user_in.js"></script> 包含在我的 html 文件中以查找 log_user_in 文件。

但是我现在得到错误：

(index):13 Uncaught ReferenceError: logUserIn is not defined

当我再次尝试调用onclick 方法时。

我是否正确引用了这一点，或者我应该怎么做？

【问题讨论】：

我认为你的路径是错误的检查你的JS文件是否包含
可以尝试全局声明函数window.logUserIn = function() { // Code here }
@MirzaObaid 我该怎么做？
当页面加载时检查元素或在 chrome 和 firefox 中按 F12 并转到代码中的 JS 行并单击该代码，如果所有代码看起来都不错并对齐，则如果 JS 首先不包含，则包含 JS你的代码缩进会告诉你

标签： javascript html dom-events src

【解决方案1】：

Screenshot

1.HMTL

<!DOCTYPE html>
    <html>
    <head>
      <script src="js/script.js"></script>
    </head>
    <body>
      <input type="submit" onclick=logUserIn() value="Log in">
    </body>
    </html>

2。 js

function logUserIn(){
    alert("Hi ok")
};

【讨论】：