在用chrome调试JavaScript时，在console中出现“uncaught TypeError: Object is not a function”

最新推荐文章于 2026-06-08 07:06:29 发布

原创最新推荐文章于 2026-06-08 07:06:29 发布 · 2.6w 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

技术学习专栏收录该内容

85 篇文章

订阅专栏

在JavaScript开发过程中，遇到'Uncaught TypeError: Object is not a function'错误，通常是因为函数调用错误。本文通过一个实例解释，当在JSP页面中onchange事件触发的函数名与ID相同导致的问题，并提供了解决方案：更改函数名称以避免命名冲突。

今天在开发web程序时，用javascipt写了一个小函数，想用来做如下事情：

即，改变比列系数时，后面的我院占比自动改变。函数很简单，用onchange=“”就可以实现了，但我的代码如下：

代码1：

     <td width="60" ><input type="text" name="xzgs"  id="xzgs<%=i%>"  value="<%=dlist.get(i).getGs()%>"   style="width:50px; "/></td>
     <td width="60"><input type="text" name="bili"  id="bili<%=i%>"  value="1"          onchange="wyzb(<%=i%>);"  style="width:50px; "/></td>
     <td width="60"><input  type="text" name="wyzb"  id="wyzb<%=i%>"  value="<%=dlist.get(i).getGs()%>"   style="width:50px; "></input></td>

这是要调用JS 的代码，JS代码如下：

代码2：

<script type="text/javascript" src="js/jquery.js"></script>
<title>环节细分</title>
<script type="text/javascript">
   function wyzb(i){
	   
	   var xg=new Number($("#xzgs"+i).val());
	   var bl=new Number($("#bili"+i).val());
	   var sumvalue=new Number(xg*bl);
	   $("#wyzb"+i).attr("value",sumvalue);
   }
   
</script>

但是网页就是不执行这个js代码，用chrome调试（审查元素-console中）后发现在”uncaught TypeError: Object is not a function“。

折腾半天才发现在调用JS代码的jsp页面中出问题，如代码1中标红的部分，onchange调用的函数名与下面的id重名了，将wyzb（）函数名改一下就可以了。