关于JS绑定事件的三种方法<script> /* 第一种绑定事件 */ // window.onload = funct

   <script>
        /* 第一种绑定事件 */
        // window.onload = function(){
        //     let btn = document.querySelector('button');
        //   /*   let btn = document.getElementsByTagName('button')[0]; */
        //    btn.onclick = function(){
        //         alert('请给我一把手枪')
        //    }
        // }
        /* 第二种绑定事件 */
        // function fn() {
        //     console.log(1)
        //     let btn = document.querySelector('button');
        //     btn.onclick = function () {
        //         alert('请给我一把手枪')
        //     }
        //     console.log(2);
        // }
        /* 第三种绑定方式 */
        // window.onload = function () {
        //     let btn = document.querySelector('button');
        //     /* 表示监听 需要把onclick前面的on去掉 */
        //     btn.addEventListener('click', function () {
        //         alert('我回来的时候会带一个秦朝的公主')
        //     }, false);
        // }

    </script>
<body>
    <button onclick="fn()" >点击穿越到秦朝</button>
</body>