js自己初探究2

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,再进行执行语句，此处再次强调判断的时候使用双等号 ==