javascript - thymeleaf js 源 url

Question

我正在尝试使用 Thymeleaf 开发 Web 应用程序，并且我创建了一个 html 页面，该页面使用外部 JavaScript 文件来更改图像 URL。但是标准语法 URL:

document.getElementById("im1").src="images/img1.jpg" ;

不起作用。JavaScript 代码中的其他所有内容都工作正常。我应该使用哪种 URL 语法？提前致谢。

Answer 1

尝试类似的东西:

<script th:inline="javascript">
    /*<![CDATA[*/
        var context = [[@{/}]];
    /*]]>*/

    document.getElementById("im1").src=context + 'images/img1.jpg' ;

</script>

也许您的代码没有到达上下文中的图像。调试或使用控制台查看生成的 URL:context + 'images/img1.jpg'。然后尝试通过浏览器访问它。通常它应该显示图像。