记一次JS标签的坑

Posted 2021-01-22 yangwanhao

项目中遇到的问题：

原来的代码：

<script language="javascript" src="${pageContext.request.contextPath }/js/util.js"/>
<script language="javascript" src="${pageContext.request.contextPath }/js/jquery-1.10.1.js"/>
<script>
function goToPage() {
    alert("aaa");
}
</script>

<a href="#" onClick="goToPage()">首页　 </a>

报错：

1:95 Uncaught ReferenceError: goToPage is not defined
    at htmlAnchorElement.onclick

一直找不到错误在哪里，觉得这么简单的代码不该出错才对，但它为什么找不到方法呢，途中也试过把function goToPage()改为goToPage = function()，但是并没有什么用！

最后找到坑在这里：

<script language="javascript" src="${pageContext.request.contextPath }/js/util.js"/>
<script language="javascript" src="${pageContext.request.contextPath }/js/jquery-1.10.1.js"/>

这里引入应该写成如下格式：

<script language="javascript" src="${pageContext.request.contextPath }/js/util.js"></script>
<script language="javascript" src="${pageContext.request.contextPath }/js/jquery-1.10.1.js"></script>

注意：这里需要用</script>标签结束，而不能用 /> 直接结束！！！

我也不知道为什么，但是这样确实成功了......

哪位大佬若是知道原因，还请在评论区解答，不胜感激！