JavaScript这个东西爱游真的一点都不懂,也看不懂,十窍通了九窍还有一窍不通,只能靠搜索,靠蒙,今天刚好就遇到这个问题就记录下。
一、报错代码及原因
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="javascript:void(0)" onclick="init()">点我</a> </body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script type="text/javascript"> //var init; window.onload=function(){ var init = function(){ console.log(0) } } </script> </html>
或者把init函数写在JQ的$(document).ready函数里面也会报标题错误;原因是未找到该函数;
二、为什么会报错?
具体原因应该是和html渲染过程有关。这里就不详细说;总之就是点击的时候立即执行,发现该函数还未定义。所以就报错了;
解决办法:一个是直接写函数,不写window.onload函数或者JQ的ready方法。
但推荐第二个方法,如下:
<!DOCTYPE html> <html> <head> <title></title> </head> <body> <a href="javascript:void(0)" onclick="init()">点我</a> </body> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js"></script> <script type="text/javascript"> var init; //先声明一个变量,后面再给其赋值 window.onload=function(){ var init = function(){ console.log(0) } } </script> </html>
以上都看情况,一般出现未声明,就是这方法,直接声明即可。
版权申明:
请先
!