浏览器事件

1. 事件基础

<!-- 事件基础 -->
    <button id="btn">Click on me.</button>
    <script>
        //事件3步走： 1. 获取事件源； 2.绑定事件； 3.添加事件处理程序。
        var btn = document.getElementById('btn');
        btn.onclick = function(){
            alert('I\'m a alert.')
        }       
    </script>

2. 操作元素

<!-- 操作元素 -->
    <button id="btn">Show system time</button>
    <div>Sometime</div>
    <script>
        // 1. 获取元素
        var btn = document.getElementById('btn');
        var div = document.querySelector('div');
        // 2. 注册事件
        btn.onclick = function(){
            div.innerText = myTime();
        }
        //获取时间函数
        function myTime(){
            var date = new Date();
            var year = date.getFullYear();
            var month = date.getMonth();
            var dates = date.getDate();
            var arr = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
            var day  = date.getDay();
            return year + '.' + month + '.' + dates + ' ' + arr[day];
        }
    </script>

3.