你好,游客 登录 注册 搜索
背景:
阅读新闻

DOM添加事件处理函数笔记

[日期:2016-01-17] 来源:Linux社区  作者:谭菲 [字体: ]

今天系统浏览了DOM事件,其更深入的模型理解是未来某日需要做的。先mark一下基本的,加深印象。

给DOM元素添加事件处理函数的方法:

1.标签里直接写js代码

<body onload="var i=1; alert(i);">
</body>

2.标签里写函数名

<head>
    <script>
      function hi(){
        alert("hi");
      }
    </script>
</head>
<body onload="hi();">
</body>

以上两种方式本质是一样的,被称为内联模式,效率最低。

3.js脚本里给事件属性指定函数

window.onload = hi;

此方法能比前两种好一些,称为传统模式。内联模式和传统模式都属于DOM Level 0事件模型,已经不被推荐。

4.不依赖元素属性的监听器

document.addEventListener("click", hi, true);

这种方式属于DOM Level 2事件模型,效率高于前述所有方式。新方式不依赖特定事件处理属性,可以对任何对象的任何时间注册多个时间处理函数。

本文永久更新链接地址http://www.linuxidc.com/Linux/2016-01/127515.htm

linux
相关资讯       DOM事件 
本文评论   查看全部评论 (0)
表情: 表情 姓名: 字数

       

评论声明
  • 尊重网上道德,遵守中华人民共和国的各项有关法律法规
  • 承担一切因您的行为而直接或间接导致的民事或刑事法律责任
  • 本站管理人员有权保留或删除其管辖留言中的任意内容
  • 本站有权在网站内转载或引用您的评论
  • 参与本评论即表明您已经阅读并接受上述条款