小小码农提升之路

个人博客,写一些学习心得、学习笔记。

关于页面内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">

阅读更多
版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/cxhnan/article/details/56833293
个人分类: Java
想对作者说点什么? 我来说一句

没有更多推荐了,返回首页

加入CSDN,享受更精准的内容推荐,与500万程序员共同成长!
关闭
关闭