thymeleaf 使用inline获取js中的值_Thymeleaf参考手册(十二):内联

本文详细介绍了Thymeleaf的内联表达式使用,包括JavaScript内联和CSS内联。讲解了如何在HTML文本、JavaScript块和CSS样式中使用内联表达式,强调了内联表达式的转义和非转义用法,以及内联表达式在静态模板和动态模板中的不同效果。此外,还提到了JavaScript自然模板和CSS自然模板的概念,展示了Thymeleaf如何处理对象序列化和模板模式的高级功能。
摘要由CSDN通过智能技术生成

8e42c1b4aead93b06e0268d1384dbc8b.png

表达式内联

尽管标准方言允许我们使用标记属性来执行几乎所有操作,但是在某些情况下,我们更喜欢直接将表达式写到HTML文本中。例如,我们可能更喜欢这样编写:

<p>Hello, [[${session.user.name}]]!</p>

以代替:

<p>Hello, <span th:text="${session.user.name}">Sebastian</span>!</p>

在Thymeleaf中,[[...]] 或之间的表达式 [(...)] 被认为是内联表达式,在它们内部,我们可以使用在 th:textor th:utext 属性中也有效的任何类型的表达式。

请注意,尽管 [[...]] 对应于 th:text(即结果将被HTML转义),但 [(...)] 对应于 th:utext 并且将不执行任何HTML转义。因此 msg = 'This is <b>great!</b>',给定该片段,使用诸如的变量:

<p>The message is "[(${msg})]"</p>

结果将使那些 <b> 标签未转义,因此:

<p>The message is "This is <b>great!</b>"</p>

如果需要转义:

<p>The message is "[[${msg}]]"</p>

结果将转义为HTML:

<p>The message is "This is &lt;b&gt;great!&lt;/b&gt;"</p>

请注意,默认情况下文本内联在每个标记主体(而不是标签本身)中处于活动状态,因此我们无需执行

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值