Javascript 如何在thymeleaf中集成外部js资源

Javascript 如何在thymeleaf中集成外部js资源,javascript,thymeleaf,Javascript,Thymeleaf,嗨,我对百里香很陌生,现在我正在尝试加入 行号:5 但我遇到了类似这样的错误 我试过这样做 <div xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" layout:decorator="layout" layout:fragment="content"> <head> <title>Google Address Loopup Test</title> &

嗨,我对百里香很陌生,现在我正在尝试加入

行号:5

但我遇到了类似这样的错误

我试过这样做

<div xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
     layout:decorator="layout" layout:fragment="content">

<head>
    <title>Google Address Loopup Test</title>
    <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?libraries=places&sensor=false"></script>


    <script type='text/javascript' src='../js/jquery-latest.js'></script>

    <script type='text/javascript' src='jquery-latest.js'></script>

    <script type="text/javascript">
        $(function() {
        var input = document.getElementById('searchTextField');
        var autocomplete = new google.maps.places.Autocomplete(input);
        google.maps.event.addListener(autocomplete, 'place_changed', function() {
        var place = autocomplete.getPlace();
        /*$('#selected').text("Place selected:" +place.formatted_address)*/
        });
        });
    </script>



</head>
<body>
<div>
    <input id="searchTextField" type="text" size="50"/>
</div>

<!--<div id="selected">No address selected</div>-->
</body>
</div>

谷歌地址循环测试
$(函数(){
var input=document.getElementById('searchTextField');
var autocomplete=new google.maps.places.autocomplete(输入);
google.maps.event.addListener(自动完成,'place\u changed',函数(){
var place=autocomplete.getPlace();
/*$(“#选定”).text(“选定位置:+Place.formatted_地址)*/
});
});
HTTP状态500-请求处理失败;嵌套异常是org.thymeleaf.exceptions.TemplateInputException:exception解析文档:template=“test”,第5行-第103列

第五行是我在上面粘贴的脚本代码。 有人能帮我吗
提前感谢

您必须转义
&、<、>和“
字符。请尝试此地址:
http://maps.googleapis.com/maps/api/js?libraries=places&;传感器=假