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.
