javaScript2——执行点击事件

首先，事件由事件源 、事件类型、事件处理程序组成的。
事件类型主要有：鼠标点击、鼠标滑过、键盘按下等等。
事件处理主要是通过函数赋值的方式来实现的。
下面以一个点击事件为例：
设置一个（唐伯虎）按钮，然后按下按钮会弹出（点秋香）的页面
具体代码如下：

<button id="btn">唐伯虎</button>
<script>
var btn = document.getElementById('btn');   //获取事件源
btn.onclick=function (){
    alert('点秋香');
}
</script>

结果图如下：
下面是第二个例子：

如上图，有一个显示当前系统时间的按钮，当按下这个按钮后，下面的某个时间就变成当前的时间，具体代码如下：

<button>显示当前系统时间</button>
<div>某个时间</div>
<script>
    var btn = document.querySelector('button');
    var div = document.querySelector('div');
    btn.onclick=function (){
        div.innerText=getDate();  
    }
    function getDate(){
        var date = new Date();
        var year= date.getFullYear();
        var month=date.getMonth();
        var dates=date.getDate();
        var arr=['星期日','星期一','星期二','星期三','星期四','星期五','星期六'];
        var day=date.getDay();
        return '今天是：'+year+'年'+month+'月'+dates+'日'+arr[day];
    }
</script>

结果图如下：