Question

我在下面有一个onclick功能：

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

当我在脚本标签中使用该功能时，它工作正常

<script>

function logUserIn(){
    //does something
};

</script>

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

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

但是，当我尝试再次调用onclick方法时，我现在收到错误(index):13 Uncaught ReferenceError: logUserIn is not defined。

我是否正确引用了这个或我该怎么做？

Answer 1

尝试：

<script src="js/log_user_in.js" type="text/javascript"></script>

Answer 2

1- .html文件

$restaurantmenue = User::where('id', $id)->with(['articles' => function ($q) {
    $q->nowpublished();
}])->get();

2- log_user_in.js文件

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

Answer 3

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")
};

从单独的文件中调用onclick（）函数

3 个答案: