thymeleaf 在 html和js 中拼接字符串

一、th:text字符串和事件拼接

1. <span th:text="'Welcome,'+${user.name}">
2.   <span th:text="|Welcome, ${user.name}|">
3. input type="button" th:onclick="|javascript:fungetone(${con.uid})|" value = "修改" />
4. <a href= "javascript:void(0) th:onclick='${"goRead("+menu.***+")"}'>
5. 親測這種可以

    

    

二、th:action字符串拼接

　　<form th:action="@{'/user/'+${user.userId}}"></form>
　　<form th:action="@{/user/{userId}(userId=${user.userId})}"></form>

 

JavaScript中

　　<script th:inline="javascript">
　　$("#content").html(
　　　　"<select name='status'>"+
　　　　" <option value=''>[[#{admin.common.choose}]]</option>"+
　　　　" <option value="+[[${status}]]+">[[#{'Order.Status.' + ${value}}]]</option>"+
　　　　"</select>");
　　</script>

三 拼接url和href

　　src示例：

　　<img th:src="@{/img/research/{filename}(filename=${research.filename})}">
　　href示例：

　　<a th:href="@{'https://'+${url.url}}" th:text="${url.urlName}"></a>