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,再进行执行语句,此处再次强调判断的时候使用双等号 ==
原文:http://www.cnblogs.com/tangstudy/p/5400092.html