控制台报错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动态加载实现方法一
Aug 22 Javascript
sliderToggle在写jquery的计时器setTimeouter中不生效
May 26 Javascript
Iframe实现跨浏览器自适应高度解决方法
Sep 02 Javascript
node.js中的fs.lstat方法使用说明
Dec 16 Javascript
jQuey将序列化对象在前台显示地实现代码(方法总结)
Dec 13 Javascript
VUE 更好的 ajax 上传处理 axios.js实现代码
May 10 Javascript
基于vue 添加axios组件,解决post传参数为null的问题
Mar 05 Javascript
JS实现的透明度渐变动画效果示例
Apr 28 Javascript
javascript实现自由编辑图片代码详解
Jun 21 Javascript
详解用async/await来处理异步
Aug 28 Javascript
javascript移动端 电子书 翻页效果实现代码
Sep 07 Javascript
ant design的table组件实现全选功能以及自定义分页
Nov 17 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表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
部署PHP项目应该注意的几点事项分享
2013/12/20 PHP
PHP中遇到的时区问题解决方法
2015/07/23 PHP
Symfony2学习笔记之模板用法详解
2016/03/17 PHP
PHP实现简易blog的制作
2016/10/24 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
JavaScript 高级篇之函数 (四)
2012/04/07 Javascript
js 获取坐标 通过JS得到当前焦点(鼠标)的坐标属性
2013/01/04 Javascript
js获取控件位置以及不同浏览器中的差别介绍
2013/08/08 Javascript
javascript实现复制与粘贴操作实例
2014/10/16 Javascript
JavaScript简单修改窗口大小的方法
2015/08/03 Javascript
jquery验证手机号是否正确实例讲解
2015/11/17 Javascript
详解JavaScript的变量和数据类型
2015/11/27 Javascript
AngularJS基础 ng-value 指令简单示例
2016/08/03 Javascript
JavaScript优化以及前段开发小技巧
2017/02/02 Javascript
js遍历json对象所有key及根据动态key获取值的方法(必看)
2017/03/09 Javascript
简单了解vue.js数组的常用操作
2019/06/17 Javascript
使用vscode快速建立vue模板过程详解
2019/10/10 Javascript
JavaScript快速调试的两个技巧
2020/11/04 Javascript
vue项目中js-cookie的使用存储token操作
2020/11/13 Javascript
python并发2之使用asyncio处理并发
2017/12/21 Python
用Python一键搭建Http服务器的方法
2018/06/01 Python
django正续或者倒序查库实例
2020/05/19 Python
3分钟看懂Python后端必须知道的Django的信号机制
2020/07/26 Python
Python self用法详解
2020/11/28 Python
css3 column实现卡片瀑布流布局的示例代码
2018/06/22 HTML / CSS
墨西哥运动服饰和鞋网上商店:Netshoes墨西哥
2016/07/28 全球购物
薇诺娜官方网上商城:专注敏感肌肤
2017/05/25 全球购物
Farfetch中文官网:奢侈品牌时尚购物平台
2020/03/15 全球购物
如何理解transaction事务的概念
2015/05/27 面试题
物业保安员岗位职责制度
2014/01/30 职场文书
效能风暴心得体会
2014/09/04 职场文书
机关领导干部作风整顿整改措施
2014/09/19 职场文书
关于有小孩的离婚协议书
2014/10/26 职场文书
工程部文员岗位职责
2015/02/04 职场文书
《风不能把阳光打败》读后感3篇
2020/01/06 职场文书