JavaScript中Uncaught ReferenceError: xxx is not defined报错处理

JavaScript中Uncaught ReferenceError: xxx is not defined报错处理

JavaScript这个东西爱游真的一点都不懂,也看不懂,十窍通了九窍还有一窍不通,只能靠搜索,靠蒙,今天刚好就遇到这个问题就记录下。 一、报错代码及原因 <!DOCTYPE html> <html> <head> <title></title> </head> &l...

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>

以上都看情况,一般出现未声明,就是这方法,直接声明即可。

版权申明:
版权声明

①:本站文章均为原创,除非另有说明,否则本站内容依据CC BY-NC-SA 4.0许可证进行授权,转载请附上出处链接,谢谢。
②:本站提供的所有资源均为网上搜集,不保证能100%完整,如有涉及或侵害到您的版权请立即通知我们。
③:本站所有下载文件,仅用作学习研究使用,请下载后24小时内删除,支持正版,勿用作商业用途。
④:本站保证所提供资源的完整性,但不含授权许可、帮助文档、XML文件、PSD、后续升级等。
⑤:使用该资源需要用户有一定代码基础知识!由本站提供的资源对您的网站或计算机造成严重后果的本站概不负责。
⑥:本站资源售价只是赞助,收取费用仅维持本站的日常运营所需。
⑦:如果喜欢本站资源,欢迎捐助本站开通会员享受优惠折扣,谢谢支持!
⑧:如果网盘地址失效,请在相应资源页面下留言,我们会尽快修复下载地址。

0

评论0

请先

会员低至49元,开通享海量VIP资源免费下载 自助开通
显示验证码
没有账号?注册  忘记密码?