1、问题描述:
在button按钮上加了一个id并与onclick函数名字同名,发现button按钮onClick的函数失效并报错,提示Uncaught TypeError: xxx(onClick的函数名) is not a function的报错
2、原因:
form中的input属性的值已经作为当前form的属性了,由于作用域问题,onclick访问的是form的testInform属性而不是外部的函数。
testInform()会默认传递一个隐性参数this,此时的this代表的是form表单对象,会优先调用表单的属性,即testInform(this),而不是调用window对象的testInform()方法。
3、解决方法:
(1)修改id名不要与函数名相同
(2)οnclick="testInform()"改为οnclick="window.testInform()"表明是window对象的属性
(3)使用jquery的事件绑定