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


Posted in Javascript onAugust 24, 2014

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

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

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

<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浏览器解析出问题,能告诉我下。感激不尽!

Javascript 相关文章推荐
用js计算页面执行时间的函数
Dec 07 Javascript
自己的js工具 Cookie 封装
Aug 21 Javascript
根据经纬度计算地球上两点之间的距离js实现代码
Mar 05 Javascript
GRID拖拽行的实例代码
Jul 18 Javascript
基于jquery实现的自动补全功能
Mar 12 Javascript
jquery.validate使用时遇到的问题
May 25 Javascript
JS使用post提交的两种方式
Dec 03 Javascript
JS基于clipBoard.js插件实现剪切、复制、粘贴
May 03 Javascript
JS跨域交互(jQuery+php)之jsonp使用心得
Jul 01 Javascript
vue页面使用阿里oss上传功能的实例(一)
Aug 09 Javascript
JSON在Javascript中的使用(eval和JSON.parse的区别)详细解析
Sep 05 Javascript
bootstrap-table.js扩展分页工具栏(增加跳转到xx页)功能
Dec 28 Javascript
Jquery仿IGoogle实现可拖动窗口示例代码
Aug 22 #Javascript
JavaScript验证电子邮箱的函数
Aug 22 #Javascript
jQuery实现列表自动滚动循环滚动展示新闻
Aug 22 #Javascript
用jquery修复在iframe下的页面锚点失效问题
Aug 22 #Javascript
JavaScript实现的石头剪刀布游戏源码分享
Aug 22 #Javascript
一个很有趣3D球状标签云兼容IE8
Aug 22 #Javascript
wap图片滚动特效无css3元素纯js脚本编写
Aug 22 #Javascript
You might like
PHP针对常规模板引擎中与CSS/JSON冲突的解决方法
2014/08/19 PHP
php遍历替换目录下文件指定内容的方法
2016/11/10 PHP
thinkPHP简单导入和使用阿里云OSSsdk的方法
2017/03/15 PHP
兼容Mozilla必须知道的知识。
2007/01/09 Javascript
符合标准的js表单提交的代码
2007/09/13 Javascript
javascript处理table表格的代码
2010/12/06 Javascript
jquery的ajax()函数传值中文乱码解决方法介绍
2012/11/08 Javascript
js全屏显示显示代码的三种方法
2013/11/11 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
移动开发之自适应手机屏幕宽度
2016/11/23 Javascript
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
2017/02/08 Javascript
JS FormData上传文件的设置方法
2017/07/05 Javascript
原生JS实现获取及修改CSS样式的方法
2018/09/04 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
JavaScript实现星级评价效果
2019/05/17 Javascript
解决layer弹出层msg的文字不显示的问题
2019/09/11 Javascript
vue-router的hooks用法详解
2020/06/08 Javascript
解决antd 表单设置默认值initialValue后验证失效的问题
2020/11/02 Javascript
Python fileinput模块使用介绍
2014/11/30 Python
Python实现短网址ShortUrl的Hash运算实例讲解
2015/08/10 Python
Python搭建APNS苹果推送通知推送服务的相关模块使用指南
2016/06/02 Python
解决python 输出是省略号的问题
2018/04/19 Python
python和opencv实现抠图
2018/07/18 Python
对Xpath 获取子标签下所有文本的方法详解
2019/01/02 Python
对Python3中dict.keys()转换成list类型的方法详解
2019/02/03 Python
Python线上环境使用日志的及配置文件
2019/07/28 Python
Python利用PyExecJS库执行JS函数的案例分析
2019/12/18 Python
python中pathlib模块的基本用法与总结
2020/08/17 Python
基于Python实现体育彩票选号器功能代码实例
2020/09/16 Python
德国自然时尚和有机产品购物网站:Waschbär
2019/05/29 全球购物
料理师求职信
2014/01/30 职场文书
2015年基层党建工作总结
2015/05/14 职场文书
公司董事任命书
2015/09/21 职场文书
Oracle设置DB、监听和EM开机启动的方法
2021/04/25 Oracle
Python通过loop.run_in_executor执行同步代码 同步变为异步
2022/04/11 Python
Pandas 数据编码的十种方法
2022/04/20 Python