關於頁面內JS函式無法呼叫原因。
阿新 • • 發佈:2019-02-16
JS函式如下:
<script type="javascript">
function add() {
var value = document.getElementById("number").value;
document.getElementById("number").value = value + 1;
}
</script>
點選觸發如下:
<span style="border:1px solid;" onclick="add()" >+</span> <input id="number" type="text" value="1" size="2"> <span style="border:1px solid;">-</span>
結果多次點選<span>都無法觸發onclick中的add事件。
chrome瀏覽器提示如下錯誤:
Uncaught Reference Error: add is not defined(…)
查了網路上的說法有如下3中原因:
1.js引用路徑錯誤。
2.js指令碼定義在呼叫之後。
3.js命名錯誤。
最後我發現,居然是因為script標籤宣告錯誤。
<script type="javascript">
應改為:
<script language="javascript">
或者<script type="text/javascript">