控制台报错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入门学习资料收集整理篇
Jul 06 Javascript
最佳6款用于移动网站开发的jQuery 图片滑块插件小结
Jul 20 Javascript
JavaScript数组合并的多种方法
May 22 Javascript
JavaScript知识点总结(十)之this关键字
May 31 Javascript
jQuery Ztree行政地区树状展示(点击加载)
Nov 09 Javascript
vue 封装自定义组件之tabal列表编辑单元格组件实例代码
Sep 07 Javascript
Vue2.0系列之过滤器的使用
Mar 01 Javascript
如何用原生js写一个弹窗消息提醒插件
May 24 Javascript
es6中比较有用的7个技巧小结
Jul 12 Javascript
vue实现从外部修改组件内部的变量的值
Jul 30 Javascript
JS禁用右键、禁用Ctrl+u、禁用Ctrl+s、禁用F12的实现代码
Dec 01 Javascript
javascript实现放大镜功能
Dec 09 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
判“新”函数:得到今天与明天的秒数
2006/10/09 PHP
php中关于普通表单多文件上传的处理方法
2011/03/25 PHP
php正则表达式获取内容所有链接
2015/07/24 PHP
PHP实现一个简单url路由功能实例
2016/11/05 PHP
php生成毫秒时间戳的实例讲解
2017/09/22 PHP
PhpStorm配置Xdebug调试的方法步骤
2019/02/02 PHP
laravel 自定义常量的两种方案
2019/10/14 PHP
yii框架结合charjs实现统计30天数据的方法
2020/04/04 PHP
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
JS 控件事件小结
2012/10/31 Javascript
批量实现面向对象的实例代码
2013/07/01 Javascript
用jquery模仿的a的title属性的例子
2014/10/22 Javascript
PHP实现的各种中文编码转换类分享
2015/01/23 Javascript
JS实现title标题栏文字不间断滚动显示效果
2016/09/07 Javascript
JavaScript面试题大全(推荐)
2016/09/22 Javascript
浅谈JS中的!=、== 、!==、===的用法和区别
2016/09/24 Javascript
微信小程序 navigation API实例详解
2016/10/02 Javascript
深入理解JavaScript创建对象的多种方式以及优缺点
2017/06/01 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
详解webpack import()动态加载模块踩坑
2018/07/17 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
vue实现权限控制路由(vue-router 动态添加路由)
2019/11/04 Javascript
vue router 传参获取不到的解决方式
2019/11/13 Javascript
python爬虫获取多页天涯帖子
2018/02/23 Python
对python 各种删除文件失败的处理方式分享
2018/04/24 Python
彻彻底底地理解Python中的编码问题
2018/10/15 Python
在python3中实现更新界面
2020/02/21 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
html5表单及新增的改良元素详解
2016/06/07 HTML / CSS
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
TripAdvisor瑞典:全球领先的旅游网站
2017/12/11 全球购物
英国户外装备商店:Ultimate Outdoors
2019/05/07 全球购物
煤矿施工安全协议书
2016/03/22 职场文书
求职自我评价参考范文
2019/05/16 职场文书
SQL模糊查询报:ORA-00909:参数个数无效问题的解决
2021/06/21 Oracle