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

Javascript 从单独的文件调用onclick()函数,javascript,html,javascript-events,src,Javascript,Html,Javascript Events,Src,我在下面有一个onclick函数: <input type="submit" onclick=logUserIn() value="Log in"> 当我的脚本标签中有这个函数时,它工作得很好 <script> function logUserIn(){ //does something }; </script> 函数logUserIn(){ //做点什么 }; 不过,我现在已经将其提取到它自己的名为log_user_in.js的文件中

我在下面有一个onclick函数:

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

当我的脚本标签中有这个函数时,它工作得很好

<script>

function logUserIn(){
    //does something
};

</script>

函数logUserIn(){
//做点什么
};
不过,我现在已经将其提取到它自己的名为log_user_in.js的文件中,该文件位于与我的HTML文件夹相同级别的js文件夹中

然后,我将这一行
包含在我的html文件中,以查找文件中的日志用户

但是,当我再次尝试调用onclick方法时,我现在得到了错误
(索引):13未捕获引用错误:logUserIn未定义

我是否正确引用了此内容,或者应该做些什么?

1.HMTL

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

1.HMTL

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

我认为您的路径是错误的检查您的JS文件是否包含您可以尝试全局声明函数
window.logUserIn=function(){//code here}
@MirzaObaid我该怎么做?当页面加载inspect元素时,或在chrome和firefox中按F12键,进入代码中的JS行,点击该行,如果所有代码看起来都很好并对齐,那么JS就包含了。如果JS没有包含在第一个位置,你的代码缩进会告诉你我认为你的路径是错误的。检查你的JS文件是否包含你可以尝试全局声明函数
window.logUserIn=function(){//code here}
@MirzaObaid我该怎么做?当页面加载inspect元素时,或者在chrome和firefox中按F12键,然后转到代码中的JS行,单击该行,如果所有代码看起来都很好,并且对齐,那么JS就被包含了,如果JS没有包含在第一个位置,那么代码缩进会告诉你