控制台报错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 相关文章推荐
jQuery的一些特性和用法整理小结
Jan 13 Javascript
javascript 类型判断代码分析
Mar 28 Javascript
原生JS实现LOADING效果
Mar 16 Javascript
JavaScript控制网页层收起和展开效果的方法
Apr 15 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
Jan 08 Javascript
正则中的回溯定义与用法分析【JS与java实现】
Dec 27 Javascript
js中数组的常用方法小结
Dec 30 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
vue组件实现进度条效果
Jun 06 Javascript
Angular设置别名alias的方法
Nov 08 Javascript
VSCode 添加自定义注释的方法(附带红色警戒经典注释风格)
Aug 27 Javascript
javascript的var与let,const之间的区别详解
Feb 18 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代码DOS造成用光网络带宽
2011/03/01 PHP
Laravel与CI框架中截取字符串函数
2016/05/08 PHP
ThinkPHP框架中使用Memcached缓存数据的方法
2018/03/31 PHP
推荐dojo学习笔记
2007/03/24 Javascript
Ext javascript建立超链接,进行事件处理的实现方法
2009/03/22 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
JavaScript中的比较操作符&gt;、=、
2014/12/31 Javascript
12 款 JS 代码测试必备工具(翻译)
2016/12/13 Javascript
jQuery为DOM动态追加事件的方法
2017/02/16 Javascript
jquery 手势密码插件
2017/03/17 Javascript
ES6新数据结构Map功能与用法示例
2017/03/31 Javascript
Vue路由切换时的左滑和右滑效果示例
2018/05/29 Javascript
node中IO以及定时器优先级详解
2019/05/10 Javascript
Layui 数据表格批量删除和多条件搜索的实例
2019/09/04 Javascript
windows系统中python使用rar命令压缩多个文件夹示例
2014/05/06 Python
Python爬虫DNS解析缓存方法实例分析
2017/06/02 Python
在Python中增加和插入元素的示例
2018/11/01 Python
python面试题Python2.x和Python3.x的区别
2019/05/28 Python
Python列表(list)所有元素的同一操作解析
2019/08/01 Python
python Pillow图像处理方法汇总
2019/10/16 Python
浅谈Python线程的同步互斥与死锁
2020/03/22 Python
python绘制趋势图的示例
2020/09/17 Python
html5读取本地文件示例代码
2014/04/22 HTML / CSS
Born鞋子官网:Born Shoes
2017/04/06 全球购物
英国在线自行车店:Merlin Cycles
2018/08/20 全球购物
美国在线宠物商店:Chewy
2019/01/12 全球购物
全球性的在线鞋类品牌:Public Desire
2019/04/03 全球购物
存储过程和函数的区别
2013/05/28 面试题
应届专科生个人的自我评价
2014/01/05 职场文书
个人简历中自我评价
2014/02/11 职场文书
大学生秋游活动方案
2014/02/17 职场文书
法人授权委托书
2014/04/03 职场文书
公司租车协议书
2015/01/29 职场文书
餐馆开业致辞
2015/08/01 职场文书
MySQL 外键约束和表关系相关总结
2021/06/20 MySQL
Go语言读取txt文档的操作方法
2022/01/22 Golang