1.提取行间事件，按钮中的点击事件不需要写在行间，提取出来写在JS代码中：
<script>
window.onload=function () {
var obutton=document.getElementById('button1');
obutton.onclick=function (){
var oDiv=document.getElementById('div1');
oDiv.style.background='red';
};
}
</script>
<input type="button" id="button1" value="变红">
<div id="div1"></div>
obutton1.onclick=function(){样式变化语句}； 这种写法就代表的是再点击按钮button1之后，发生的样式改变；
window.onload=function(){JS语句} ； window.onload代表的是这条JS是在网页加载完之后才开始执行，也是JS种
常用的。
2.判断语句
if(条件){
条件成立执行
}
else{
不执行
}
在判断语句中，最重要的就是在写条件部分时，判断使用的是双等号，即==，而不是=，切记！
3.循环语句
while循环：
var i=0; -------初始化
while(i<5) -------条件
{
alert(i); -------执行语句
i++; -------自增
};
for循环：
for(var i=0;i<5;i++){
alert(i)
}
一般情况下都使用for循环，方便书写。
4.前面获取元素的方法都是使用getElementById()，而且只能获取一个元素，当需要获取大量相同元素即元素组时，
可以使用getElementByTagName()，获取的是一组元素,这个元素组的length就是元素组的个数，在修改元素组的
样式时，一次也只能修改一个，所以必须使用到数组的用法和循环，如下：
<script type="text/javascript">
window.onload=function () {
var oBotton=document.getElementById('button1');
oBotton.onclick=function () {
var divs=document.getElementsByTagName('div');
for(i=0;i<divs.length;i++)
divs[i].style.background="red";
}
}
</script>
<div></div>
<div></div>
无论下面有多少div，点击按钮div都会变成红色。
5.全选，不选，反选的写法
全选即使用获取元素组的方法，之后给个循环给每个元素，添加上input.check=true;
反选即与全选相反，添加上input.check=false即可;
反选则要先选择判断该元素的check是true还是false,再进行执行语句，此处再次强调判断的时候使用双等号 ==