How do I include external javascript file using thymeleaf?

Question

I'm using Spring Boot / MVC and learning Thymeleaf.

Let's say i have my scripts on another server.

I've added the '//staticserver.com' portion to my model as jsLocation.

I want to do something on the lines of:

<script src="${jsLocation}/main.js"></script>

which would render

<script src="//staticserver.com/main.js"></script>

score 6 · Accepted Answer · answered Jul 12 '18 at 13:05

6

<script th:src="|${jsLocation}/main.js|"></script>

answered Jul 12 '18 at 13:05

Flocke

I used this solution to drop my google api key into the places javascript library request `` – James Render Dec 05 '19 at 14:25
It is very weird and ODD syntax. I don't understand why not defined like `th:src="/my/script/path/${fname}"` – chmin.seo Oct 16 '20 at 19:37

Alien · Answer 2 · 2018-07-12T13:03:32.663

3

You can include external js file like below :

<script th:src="source to your external JS"></script>

You can refer below thread for more details as your query also relates to model.

edited Jul 12 '18 at 13:03

answered Jul 12 '18 at 12:56

Alien

sangeun jo · Answer 3 · 2022-06-26T06:24:44.917

1

if your js file in /resources/static/js/

<script th:src="@{/resources/static/js/fileName.js}"> </script>

edited Jun 26 '22 at 06:24

answered Jun 26 '22 at 06:23

sangeun jo

3 Answers3