JS两种事件的触发方式

一、入侵式触发方式

<input type="button" id="one" onclick="事件" />

二、非入侵式触发方式

    <script type="text/javascript">
        window.onload = function () {
            var one = document.getElementById('two');
            one.onclick = function () {
                事件
            }
        }
    </script>





<body>
    <form id="form1" runat="server">
        <div>
            <input type="button" id="two" />
        </div>
    </form>
</body>

三、区别

1.非入侵式触发方式如果JS在<head>标签里时要先写Window.onload=function(){}，因为HTML代码是顺序代码，由上往下读取，如果不写。在代码读取时如果没有获取到ID，它将自动忽略掉，JS写在是有标签后面时可以不写。

2.入侵式触发方式则不论JS写在那儿都不需要写Window.onload=function(){}，因为它不是由ID来确认谁执行事件，而是由标签自己去调方法。