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