在java spring boot应用程序中，html不会从js文件加载函数

Question

我有一个 html 文件，里面有一个按钮，应该从 js 文件调用一个函数，但它没有被调用。

HTML 文件：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Registration</title>
</head>
<body>
<script type="text/javascript" src="/js/auth.js" th:inline="javascript"></script>

<button onclick="btnOpenModal()">open modal</button>


<dialog class="modal" id="modal">
    <h2>Registration</h2>
    <p>FORM</p>
    <button>SUBMIT</button>
</dialog>
</body>
</html>

JS文件：

function btnOpenModal() {
    console.log("HELLO")
}

文件结构：

例外：

Answer 1

将静态文件夹从 static.js 重命名为 static。启动会自动识别此文件夹中的静态内容。其次，使用

th:src"@{/auth.js}"

拉入静态 js 文件。如果您的文件夹结构确实是 static/js 那么请使用

th:src"@{/js/auth.js}"

。从你的屏幕截图中很难看出。

在java spring boot应用程序中，html不会从js文件加载函数

问题描述投票：0回答：1

1个回答

最新问题

在java spring boot应用程序中，html不会从js文件加载函数

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1