使用javascript进行Thymeleaf页面布局

时间:2018-02-23 10:14:00

标签: javascript html html5 thymeleaf htmllayout

我有几个包含常用菜单横向模板的Thymeleaf模板

  <div th:replace="tdk/common/menu :: [//div[@id='menu']]"></div>

我想在此常用模板中包含常用的javascript函数:

<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">


<script th:inline="javascript">
/*<![CDATA[*/   

function repeatMe() {
           alert('lalala');
    }
    var interval = setInterval(function() { repeatMe(); }, 1000);
    repeatMe(); // To start it immediately

/*]]>*/
</script>
<div>
...
</div>
 </html>

但是当我看到生成的模板的源代码

时,我意识到不包含Javascript

1 个答案:

答案 0 :(得分:1)

您需要将脚本放在div元素中。

!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<div>

<script th:inline="javascript">
/*<![CDATA[*/   

function repeatMe() {
       alert('lalala');
}
var interval = setInterval(function() { repeatMe(); }, 1000);
repeatMe(); // To start it immediately

/*]]>*/
</script>

</div>
</html>