关于js使用动态指定方式来绑定事件的一个疑问

Question

最近在看教材，教材里讲的是先分配时间，再调用方法，如下：

<script type="text/javascript">
            document.getElementById('input_1').onclick=function(){show();}
            form1.name_1.onclick();
        </script>

这样的话，打开浏览器，直接就弹出这个告警框了，当然点击也会弹出。
我索性将第二局调用删掉了，竟然是没问题的。如下：

<script type="text/javascript">
            document.getElementById('input_1').onclick=function(){show();}
            // form1.name_1.onclick();
        </script>

那个上面form1.那一句已经变成注释了。
求问各位朋友这点是哪里出错了吗？还是本身就不需要第二句调用那个操作的。

Answer 1

区别是：

第一行代码是给 input_1 这个 id 的元素绑定事件，此时需要由用户手动点击该表单，才能触发 show() 方法。
第二行是用 js 代码触发 form1.name 这个表单的 onclick 事件，相当于帮用户点了一下这个表单。

注释掉第二行后，如果你手动点一下 name 这个表单按钮，跟不注释掉的效果是一样的。前端开发过程中，有时需要用代码触发一些事件，就是onclick() 这个的作用，直接调用事件的函数。