信鸽网

控制台报错object is not a function的解决方法

  作者：bea

今天反馈过来一个BUG，说一个页面的功能用不了。打开控制台发现报错：object is not a function。 感觉很奇怪，这块的功能最新没动过怎么会突然出问题了呢？上线时主流浏览器都测试过了呀。 虽然奇怪，但是还的解决问题。看着代码发现一个radio对象的name属性和一个function name重名了。代码如下： <body> <input type="radio" name="test" onclick="test();"/> &

今天反馈过来一个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浏览器解析出问题，能告诉我下。感激不尽！




有用  |  无用

猜你喜欢

您可能感兴趣的文章: