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

Posted 2022-08-10 zeug

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