js中遇到的一个小问题，关于Uncaught ReferenceError:XXX is not defined at HTMLAnchorElement.onclick报错...

最新推荐文章于 2024-05-18 13:29:46 发布

weixin_30466953

最新推荐文章于 2024-05-18 13:29:46 发布

阅读量3.6k

点赞数 1

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/helloNico/p/10565108.html

版权

一、报错代码及原因

<!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>

1、或者吧init函数写在JQ的$(document).ready函数里面也会报标题错误；原因是未找到该函数；

二、为什么会报错？

　　1、具体原因应该是和html渲染过程有关。这里就不详细说；总之就是点击的时候立即执行，发现该函数还未定义。所以就报错了；

　　 2、解决办法：一个是直接写函数，不谢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>

转载于:https://www.cnblogs.com/helloNico/p/10565108.html

weixin_30466953

关注

1
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
js中遇到的一个小问题，关于Uncaught ReferenceError:XXX is not defined at HTMLAnchorElement.onclick报错...

一、报错代码及原因<!DOCTYPE html><html><head> <title></title></head><body> <a href="javascript:void(0)" onclick="init()">点我</a><...
复制链接

扫一扫