服务器之家:专注于服务器技术及软件下载分享
分类导航

node.js|vue.js|jquery|angularjs|React|json|js教程|

服务器之家 - 编程语言 - JavaScript - 控制台报错object is not a function的解决方法

控制台报错object is not a function的解决方法

2021-02-26 17:05JavaScript教程网 JavaScript

页面的功能用不了,打开控制台发现报错:object is not a function,下面是原因与解决方法,有类似情况的朋友可以看看

今天反馈过来一个BUG,说一个页面的功能用不了。打开控制台发现报错:object is not a function

感觉很奇怪,这块的功能最新没动过怎么会突然出问题了呢?上线时主流浏览器都测试过了呀。

虽然奇怪,但是还的解决问题。看着代码发现一个radio对象的name属性和一个function name重名了。代码如下:

?
1
2
3
4
5
6
7
8
9
10
11
12
<body>
<input type="radio" name="test" onclick="test();"/>
<br/>
<form action="">
<input type="radio" name="test" onclick="test();"/>
</form>
</body>
<script type="text/javascript">
function test(){
alert("11");
}
</script>

修改了函数名称,解决了问题。但是没找到根源,因为这个函数名以前就是这样的,可以正常使用。修改代码
onclick="alert(test);"

发现弹出“object HTMLInputElement”,浏览器解析test变为dom对象了。

在script脚本test函数后alert(test);还是一个function。

查看svn版本发现,是我做另一个功能的时候加了一个form表单把这个radio包起来了。导致浏览器解析出错了。

总结:不一定没改动的代码就没问题,说不定改动的地方引起了别的问题。有些浏览器兼容性问题都是代码不规范导致的,以后写代码要规范!

哪位大牛如果知道为什么加了form浏览器解析出问题,能告诉我下。感激不尽!

延伸 · 阅读

精彩推荐