js -- 页面加载执行及触发执行

àì夳堔傛蜴生んèń 2023-06-17 07:59 25阅读 0赞

## js – 页面加载执行及触发执行 ##

前提引入js

![在这里插入图片描述][20191128105542450.png]

版本无所谓

<!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script type="text/javascript" src="../jquery-1.4.4.min.js"></script>
    
    </head>
    <body>
    
    <div>
    <div id="t1" style="width: 100px;height: 100px;background : red" onclick="clickMethod()">
    </div>
    
    </div>
    
    <script>
    
        $(function () { 
            alert("你好")
        });
    
       function clickMethod(){ 
            alert("我不好啊···")
       }
    
    </script>
    
    
    </body>
    </html>

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MDQ5MA_size_16_color_FFFFFF_t_70]

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MDQ5MA_size_16_color_FFFFFF_t_70 1]

[20191128105542450.png]: https://img-blog.csdnimg.cn/20191128105542450.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MDQ5MA_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20191128110052918.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MDQ5MA==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MDQ5MA_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20191128110116837.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDU1MDQ5MA==,size_16,color_FFFFFF,t_70