1. 程式人生 > >關於頁面內JS函式無法呼叫原因。

關於頁面內JS函式無法呼叫原因。

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">