thymeleaf js source url

Question

我正在尝试使用Thymeleaf开发一个Web应用程序，并且我已经创建了一个使用外部JavaScript文件来更改图像URL的html页面。但标准语法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'。然后尝试通过浏览器访问它。 Normaly它应该显示图像。