js创建函数(方法)对象和事件绑定的三种方式

yandajiangjun

已于 2023-01-06 18:05:09 修改

阅读量301

点赞数

分类专栏： JavaScript 文章标签： javascript 前端 html

于 2023-01-06 14:01:53 首次发布

原文链接：https://www.cnblogs.com/curryhan/articles/16041807.html

版权

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

js函数(方法)对象

1. Function：函数(方法)对象
            1. 创建：
                1. var fun = new Function(形式参数列表,方法体);  //忘掉吧
                2. 
                    function 方法名称(形式参数列表){
                        方法体
                    }

                3. 
                   var 方法名 = function(形式参数列表){
                        方法体
                   }

js之事件绑定的三种方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>事件绑定</title>
    <script>
        //方式1：通过标签的事件属性
        function fn(){
              console.log('方式1');      
        }

        //当页面加载完成后执行
        window.onload= function(){
           
            //方式2：动态绑定，通过为DOM对象的事件属性，为按钮绑定点击事件
            var btn2 = document.getElementById('btn2');
             btn2.onclick=function(){
                 console.log('方式2');
             }

             //方式3：动态绑定，通过为DOM对象进行事件监听，使用addEventListener("事件名",回调函数)
             var btn3 = document.getElementById('btn3')
             btn3.addEventListener('click',function(){
                      console.log('方式3');
             });
        }
    </script>
</head>
<body>
    <!--方式1：通过标签的事件属性-->
    <button onclick="fn()">方式1</button>

    <button id="btn2">方式2</button>

    <button id="btn3">方式3</button>
</body>
</html>