今天反馈过来一个BUG，说一个页面的功能用不了。打开控制台发现报错：object is not a function。
感觉很奇怪，这块的功能最新没动过怎么会突然出问题了呢？上线时主流浏览器都测试过了呀。
虽然奇怪，但是还的解决问题。看着代码发现一个radio对象的name属性和一个function name重名了。代码如下：
|
1
2
3
4
5
6
7
8
9
10
11
12
|
<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浏览器解析出问题，能告诉我下。感激不尽！