控制台报错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 相关文章推荐
javascript 打印页面代码
Mar 24 Javascript
纯javascript代码实现计算器功能(三种方法)
Sep 07 Javascript
jQuery实现ajax调用WCF服务的方法(附带demo下载)
Dec 04 Javascript
jQuery根据表单name获取值的方法
May 24 Javascript
封装获取dom元素的简单实例
Jul 08 Javascript
jQuery.uploadify文件上传组件实例讲解
Sep 23 Javascript
JS实现根据密码长度显示安全条功能
Mar 08 Javascript
js实现方块上下左右移动效果
Aug 17 Javascript
日期时间范围选择插件:daterangepicker使用总结(必看篇)
Sep 14 Javascript
基于$.ajax()方法从服务器获取json数据的几种方式总结
Jan 31 Javascript
解决vue中虚拟dom,无法实时更新的问题
Sep 15 Javascript
详细分析vue响应式原理
Jun 22 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
《猛禽小队》:DC宇宙的又一超级大烂片
2020/04/09 欧美动漫
PHP foreach循环使用详解与实例代码
2010/05/08 PHP
web目录下不应该存在多余的程序(安全考虑)
2012/05/09 PHP
单一index.php实现PHP任意层级文件夹遍历(Zjmainstay原创)
2012/07/31 PHP
浏览器关闭后,能继续执行的php函数(ignore_user_abort)
2012/08/01 PHP
PHP仿博客园 个人博客(1) 数据库与界面设计
2013/07/05 PHP
php生成缩略图示例代码分享(使用gd库实现)
2014/01/20 PHP
php格式化日期实例分析
2014/11/12 PHP
php实现word转html的方法
2016/01/22 PHP
php实现将二维关联数组转换成字符串的方法详解
2017/07/31 PHP
发布一个高效的JavaScript分析、压缩工具 JavaScript Analyser
2007/11/30 Javascript
js下用层来实现select的title提示属性
2010/02/23 Javascript
setTimeout()与setInterval()方法区别介绍
2013/12/24 Javascript
Blocksit插件实现瀑布流数据无限( 异步)加载
2014/06/20 Javascript
js实现精确到秒的倒计时效果
2016/05/29 Javascript
深入理解JQuery循环绑定事件
2016/06/02 Javascript
js实现图片360度旋转
2017/01/22 Javascript
详解webpack分离css单独打包
2017/06/21 Javascript
jQuery点击页面其他部分隐藏下拉菜单功能
2018/11/27 jQuery
Node.js事件的正确使用方法
2019/04/05 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
解决vue语法会有延迟加载显现{{xxx}}的问题
2019/11/14 Javascript
js实现跳一跳小游戏
2020/07/31 Javascript
[16:04]DOTA2海涛带你玩炸弹 9月5日更新内容详解
2014/09/05 DOTA
[59:59]EG vs IG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
Python 基础教程之str和repr的详解
2017/08/20 Python
Pycharm远程调试openstack的方法
2017/11/21 Python
Python学习小技巧总结
2018/06/10 Python
Django 在iframe里跳转顶层url的例子
2019/08/21 Python
Python pickle模块实现对象序列化
2019/11/22 Python
如何使用Python多线程测试并发漏洞
2019/12/18 Python
个人简历自我评价
2014/01/06 职场文书
本科毕业生自荐信
2014/05/26 职场文书
党的群众路线教育实践活动个人整改方案
2014/09/21 职场文书
CSS实现五种常用的2D转换
2021/12/06 HTML / CSS
面试提问mysql一张表到底能存多少数据
2022/03/13 MySQL