对于dom的绑定，给元素一个id，然后script里面通过document.getElementById()来得到对象，给对象绑定事件就好了。
对于dom编程的函数变量，我们是不需要给左边的变量加括号的
接下来聊一下界面加载事件onload
onload事件是body加载完毕后执行的。他放在body标签里面。
当然，我们也可以window.onload = function() {dom编程的东西}，这样body里面就不写onload了，具体详见我js的代码。
关于dom编程与事件绑定，我们可以直接绑定(html里面注释掉了，在上方很近的距离，还有就是js里面注释掉的，以及js里面正在用的。)
接下来说说var变量以及函数调用。
console.log(wow)
var wow = "wow"
我在js里面的开头写了这个，结果是undefined
不过我们来看接下来这段代码，这段代码是可以正常运行的
window.onload = function ready() {
var btn1 = document.getElementById("btn1")
btn1.onclick = function() {
alert("单击的结果")
d1.onclick() // 单击后触发了d1.onclick()，所以我们去找onclick() P.S. 这类似与Java，调用一个函数的话，找对应的函数就好了。
}
var d1 = document.getElementById("d1")
d1.onclick = function() {
indexD1++; // 我们发现这时候indexD1已经是正常的了，恶心的是，d1不可以放在这个函数的底下，但是indexD1却可以，很奇怪。出于我并不需要完全弄懂为什么，什么var的机制什么的，因此不深究。不过：如果对于var这种东西，我们需要使用的话，一律放在最开头，这样最稳妥了
console.log(indexD1)
if(indexD1 % 3 == 1) {
d1.style.backgroundColor= "red"
} else if (indexD1 % 3 == 2) {
d1.style.backgroundColor= "green"
} else {
d1.style.backgroundColor= "black"
}
}
var indexD1 = 0;
}