赞
踩
前几天在做一个页面优化的时候碰到一个奇怪的问题,百思不得其解,耗费了我一天的时间,怎么想都不可能。
问题是这样的,第一天下班前,我给一个button绑定了一个onclick事件,事件调用一个函数,调试成功后下班。
第二天上班,把之前的函数改一个稍微符合用意的名称,再给按钮加了id,函数名和id相同;之后点击按钮时控制台一直报错,找不到我绑定的函数,我确定了很多遍onclick事件填的函数名和要调用的函数名是一致的。
控制台报错:
按钮代码:
函数代码:
觉得是不是函数名被用过,我给函数随意的改了很多个名,处于习惯每次都把id也改成一样的,一直是同样的报错。
也怀疑过是缓存问题,清理的服务器重现部署,点击前特意审查元素看改过来,但依然报错。
之后我给函数的名称加了个“1”,这次懒得一起改id,再调试竟然成功调用了,这时我意识到也许是id搞的鬼,之后我再把函数改回原来的名称,去掉button的id,成功调用。
结论:button按钮onclick调用的函数名和id相同会导致找不到函数
ps:
其他事件我没去试,也许也会这样。
这个问题是我遇到的比较奇葩的问题,并且百度查不到,所以记录一下,一是加强记忆,二是为以后遇到这个问题的人减少排查时间。
------------------------再编辑,2017-1-22 16:58:56---------------------------
试了一下把id换成其他函数的名称,结果导致其他函数找不到。
结论:id不能和函数同名
-----------------------再编辑,2017-1-22 17:10:23----------------------------
百度发现这人遇到的问题与我有些类似,所以关联过来。
再次得出结论:id不能与函数和js变量同名
Copyright © 2003-2013 www.wpsshop.cn 版权所有,并保留所有权利。