问题是我无法弄清楚如何将外部js文件正确连接到html。我的项目结构如下所示:
- 资源
- 静止的
- 搜索.js
貌似应该没有这样的问题,js文件在static文件夹下,代码正常(因为把script标签放在html里,一切正常)。
我的连接尝试如下所示:
<script type="text/javascript" src="../static/search.js" th:src="@{/search.js}"></script>
<script src="../static/search.js" th:src="|${}/search.js|"></script>
<script th:src="|${}/search.js|"></script>
<script type="text/javascript" th:src="@{search.js}"></script>
找到了解决方案。
问题是连接发生在head标签中,thymeleaf认为它无效并且没有加载它们。
解决方案是将外部脚本连接放在结束正文标记之前,即有效连接: