1. 程式人生 > >記一次JS標簽的坑

記一次JS標簽的坑

jquery code ren clas 技術 htm com 簡單 ima

項目中遇到的問題:

原來的代碼:

<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>標簽結束,而不能用 /> 直接結束!!!

我也不知道為什麽,但是這樣確實成功了......

技術分享圖片

哪位大佬若是知道原因,還請在評論區解答,不勝感激!

記一次JS標簽的坑