zoukankan      html  css  js  c++  java
  • 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>
    </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>
  • 相关阅读:
    C#实现断点续传
    记住密码"功能的正确设计
    异常处理的性能开销
    asp.net提高程序性能的技巧(一)
    C#创建文件夹
    一个商人应遵守的22条规矩
    列不属于表--可能出现的问题总结
    存储过程无法得到返回型参数
    通用存储过程(增、删、改、查询分页)
    Mac下使用Charles抓包https接口
  • 原文地址:https://www.cnblogs.com/helloNico/p/10565108.html
Copyright © 2011-2022 走看看