Question

我正在开发一个java spring项目，并希望将静态javascript文件添加到HTML页面。这是我目前所拥有的似乎适用于css但不适用于js。基本文件结构是

我正试图从/static/js/pie-chart.js获取静态js并将其放入/templates/show/match.html这里是我目前对html的所有内容。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">

    <!-  css is working -->
    <link rel="stylesheet" href="../static/css/main.css" th:href="@{/css/main.css}">



</script>
</head>
<body>

    <!-- the script does not seem to be linking to the page -->
    <script src="../static/js/pie-chart.js" th:src="@{/js/pie-chart.js}">
<body>
</html>

Answer 1

嗯，静态文件夹可以作为根路径处理。所以你不必在你的href中添加这个'../static/'前缀。你可以尝试如下，看它是否有效。

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <!- Delete the relative path-->
    <link rel="stylesheet" href="/css/main.css">
</script>
</head>
<body>
    <!- Delete the relative path-->
    <script src="/js/pie-chart.js">
<body>
</html>

Answer 2

使用此方法在HTML页面中链接您的Js文件： -

<script src="js/pie-chart.js">

Answer 3

我的示例启动项目中的此图像。你可以使用th:href="@{/your/js}"。

像这样：

<强> readingList.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
    xmlns:th="http://www.thymeleaf.org">
<head>

<title>Reading List</title>
<link rel="stylesheet" th:href="@{/css/style.css}" />

</head>
<body>
    <label>Reading List!!</label>

</body>
</html>

试图将静态javascript导入百里香

3 个答案: