控制台报错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 锁定弹出层实现代码
Feb 23 Javascript
仿当当网淘宝网等主流电子商务网站商品分类导航菜单
Sep 25 Javascript
浅谈javascript回调函数
Dec 07 Javascript
JavaScript实现图片轮播的方法
Jul 31 Javascript
jQuery实现的点赞随机数字显示动画效果(附在线演示与demo源码下载)
Dec 31 Javascript
webpack入门必知必会
Jan 16 Javascript
js遮罩效果制作弹出注册界面效果
Jan 25 Javascript
Vuejs 页面的区域化与组件封装的实现
Sep 11 Javascript
vue mint-ui学习笔记之picker的使用
Oct 11 Javascript
微信小程序实现美团菜单
Jun 06 Javascript
JavaScript读写二进制数据的方法详解
Sep 09 Javascript
详解Vue的组件中data选项为什么必须是函数
Aug 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执行速度全攻略(下)
2006/10/09 PHP
不要轻信 PHP_SELF的安全问题
2009/09/05 PHP
用php实现的下载css文件中的图片的代码
2010/02/08 PHP
PHP 加密解密内部算法
2010/04/22 PHP
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
将nodejs打包工具整合到鼠标右键的方法
2013/05/11 NodeJs
JavaScript原型链示例分享
2014/01/26 Javascript
Jquery实现自定义弹窗示例
2014/03/12 Javascript
jquery动态添加元素事件失效问题解决方法
2014/05/23 Javascript
Jquery实现兼容各大浏览器的Enter回车切换输入焦点的方法
2014/09/01 Javascript
Javascript学习笔记之函数篇(六) : 作用域与命名空间
2014/11/23 Javascript
网页禁用右键菜单和鼠标拖动选择方法小结
2015/02/25 Javascript
JS实现在页面随时自定义背景颜色的方法
2015/02/27 Javascript
JQuery validate插件验证用户注册信息
2016/05/11 Javascript
jQuery实现倒计时(倒计时年月日可自己输入)
2016/12/02 Javascript
jQuery获取table下某一行某一列的值实现代码
2017/04/07 jQuery
使用express+multer实现node中的图片上传功能
2018/02/02 Javascript
javascript标准库(js的标准内置对象)总结
2018/05/26 Javascript
详解vue-cli 2.0配置文件(小结)
2019/01/14 Javascript
vue-cli2与vue-cli3在一台电脑共存的实现方法
2019/09/25 Javascript
openlayers实现图标拖动获取坐标
2020/09/25 Javascript
解读Python编程中的命名空间与作用域
2015/10/16 Python
浅谈scrapy 的基本命令介绍
2017/06/13 Python
Python的mysql数据库的更新如何实现
2017/07/31 Python
TensorFlow变量管理详解
2018/03/10 Python
python中bs4.BeautifulSoup的基本用法
2019/07/27 Python
Django 实现xadmin后台菜单改为中文
2019/11/15 Python
Wiggle中国:英国骑行、跑步、游泳 & 铁三运动装备专卖网店
2016/08/02 全球购物
Skyscanner台湾:全球知名的旅行比价引擎
2018/07/01 全球购物
TUMI香港官网:国际领先的行李箱、背囊品牌
2021/03/01 全球购物
2014升学宴答谢词
2014/01/26 职场文书
更夫岗位责任制
2014/02/11 职场文书
春风行动实施方案
2014/03/28 职场文书
给老师的一封感谢信
2015/01/20 职场文书
小学一年级数学教学计划
2015/01/20 职场文书
Python爬虫实战之爬取携程评论
2021/06/02 Python