码迷,mamicode.com
首页 > Web开发 > 详细

js自己初探究2

时间:2016-04-17 06:34:28      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:

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



















js自己初探究2

标签:

原文地址:http://www.cnblogs.com/tangstudy/p/5400092.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!