关于页面内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;" οnclick="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">