控制台报错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 07 Javascript
js模拟滚动条(横向竖向)
Feb 22 Javascript
Javascript 鼠标移动上去 滑块跟随效果代码分享
Nov 23 Javascript
将list转换为json失败的原因
Dec 17 Javascript
jQuery实现下拉框左右选择的简单实例
Feb 22 Javascript
javascript实现随机读取数组的方法
Aug 03 Javascript
AngularJS使用angular-formly进行表单验证
Dec 27 Javascript
JQuery实现table中tr上移下移的示例(超简单)
Jan 08 jQuery
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
May 07 Javascript
JSONP原理及应用实例详解
Sep 13 Javascript
Javascript中绑定click事件的四种方式介绍
Oct 26 Javascript
Vue中UI组件库之Vuex与虚拟服务器初识
May 07 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
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
php 数据库字段复用的基本原理与示例
2011/07/22 PHP
PHP实现在windows下配置sendmail并通过mail()函数发送邮件的方法
2017/06/20 PHP
详解关于php的xdebug配置(编辑器vscode)
2019/01/29 PHP
JS 的应用开发初探(mootools)
2009/12/19 Javascript
分享十五个最佳jQuery 幻灯插件和教程
2010/03/27 Javascript
jQuery动态设置form表单的enctype值(实现代码)
2013/07/04 Javascript
js中点击空白区域时文本框与隐藏层的显示与影藏问题
2013/08/26 Javascript
jQuery学习笔记之jQuery动画效果
2013/09/09 Javascript
javascript中数组中求最大值示例代码
2013/12/18 Javascript
js父页面与子页面不同时显示的方法
2014/10/16 Javascript
浅谈Javascript中的12种DOM节点类型
2016/08/19 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
2017/08/07 Javascript
ES6学习教程之模板字符串详解
2017/10/09 Javascript
p5.js 毕达哥拉斯树的实现代码
2018/03/23 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
python基于queue和threading实现多线程下载实例
2014/10/08 Python
python 捕获 shell/bash 脚本的输出结果实例
2017/01/04 Python
python+VTK环境搭建及第一个简单程序代码
2017/12/13 Python
Python入门必须知道的11个知识点
2018/03/21 Python
Python高级特性切片(Slice)操作详解
2018/09/27 Python
python同时遍历数组的索引和值的实例
2018/11/15 Python
python实现键盘输入的实操方法
2019/07/16 Python
python GUI模拟实现计算器
2020/06/22 Python
Python使用shutil模块实现文件拷贝
2020/07/31 Python
Python如何获取文件路径/目录
2020/09/22 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
关于人生的感言
2014/01/17 职场文书
关于运动会的稿件
2014/02/02 职场文书
模具设计与制造专业自荐书
2014/07/01 职场文书
博士论文答辩开场白
2015/06/01 职场文书
集结号观后感
2015/06/08 职场文书
解除合同协议书范本
2016/03/21 职场文书
nginx配置文件使用环境变量的操作方法
2021/06/02 Servers
Python实现的扫码工具居然这么好用!
2021/06/07 Python
vue如何在data中引入图片的正确路径
2022/06/05 Vue.js