码迷,mamicode.com
首页 > Web开发 > 详细

【JS教程07】事件属性及匿名函数

时间:2019-08-21 09:28:52      阅读:85      评论:0      收藏:0      [点我收藏+]

标签:document   点击事件   over   直接   UNC   script   mouse   ext   btn   

1、事件属性 

元素上除了有样式id等属性外,还有事件属性,常用的事件属性有鼠标点击事件属性(onclick)鼠标移入事件属性(mouseover),鼠标移出事件属性(mouseout),将函数名称赋值给元素事件属性,可以将事件和函数关联起来。

<script type="text/javascript">

window.onload = function(){
    var oBtn = document.getElementById(‘btn1‘);

    oBtn.onclick = myalert;

    function myalert(){
        alert(‘ok!‘);
    }
}

</script>

 

2、匿名函数

定义的函数可以不给名称,这个叫做匿名函数,可以将匿名函数的定义直接赋值给元素的事件属性来完成事件和函数的关联,这样可以减少函数命名,并且简化代码。函数如果做公共函数,就可以写成匿名函数的形式。

技术图片
<script type="text/javascript">

window.onload = function(){
    var oBtn = document.getElementById(‘btn1‘);
    /*
    oBtn.onclick = myalert;
    function myalert(){
        alert(‘ok!‘);
    }
    */
    // 直接将匿名函数赋值给绑定的事件

    oBtn.onclick = function (){
        alert(‘ok!‘);
    }
}

</script>
View Code

 

【JS教程07】事件属性及匿名函数

标签:document   点击事件   over   直接   UNC   script   mouse   ext   btn   

原文地址:https://www.cnblogs.com/zeug/p/11386702.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!