一、入侵式触发方式
<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来确认谁执行事件，而是由标签自己去调方法。