JavaScript-标签行内事件绑定方法与使用

 <button>点击1</button>

    <!-- 标签行内事件绑定 -->

    <button οnclick="alert('点击2')">点击2</button>  //直接绑定

    <button οnclick="clickFn()">点击3</button>     <!--  1 -->   

     <button οnclick="clickFn(this)">点击4</button> <!--  2 -->

    <script>

        // 标签行内绑定事件this使用方法

        // 1.在行内标签的方法里传一个this进去

        // 2.在js对应方法里面找一个不叫this的形参来接收

        // <!--  1 -->

        function clickFn(){

            // alert('点击123')

            console.log(this);

        }

        // <!--  2 -->

        function clickFn(a){

            // alert('点击123')

            console.log(a);

        }

        var but=document.querySelector('button')

        // 0级事件绑定

        but.οnclick=function(){

            alert('点击了')

        }

    </script>

类似计算器：

<button>点击1</button>

    <button οnclick="clickFn(2)">点击2</button>

    <button οnclick="clickFn(3)">点击3</button>

    <button οnclick="clickFn(4)">点击4</button>

    <p>0</p>

    <script>

        var p=document.querySelector('p')

        function clickFn(a){

            p.innerHTML=parseInt(p.innerHTML)+a

        }

    </script>