js的触发方式

最新推荐文章于 2024-03-26 18:30:14 发布

weixin_33757911

最新推荐文章于 2024-03-26 18:30:14 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/zhangdemin/p/5714390.html

一、入侵式触发方式

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

转载于:https://www.cnblogs.com/zhangdemin/p/5714390.html