02.JavaScript基础下

标签：element   循环 数组   cas   get   .com   ack   style   全选   javascrip   

运算符

算术：+ 加、- 减、* 乘、/ 除、% 取模 实例：隔行变色、秒转时间
赋值：=、+=、-=、*=、/=、%=
关系：<、>、<=、>=、==、===、!=（不等）、!==
逻辑：&& 与（并且）、|| 或者、! 否    实例：全选与反选
运算符优先级：括号

算术：+ 加、- 减、* 乘、/ 除、% 取模(取余数)
alert(12%5) 弹出2  取余数
隔行变色（取模）

<script>
window.onload=function ()
{
    var aLi=document.getElementsByTagName(‘li‘);    
    for(var i=0;i<aLi.length;i++)
    {
        //i 0 1 2 3 4 5 6....
        if(i%2==0)
        {
            //0 2 4 6 8 10
            aLi[i].style.background=‘#CCC‘;
        }
        else
        {
            //1 3 5 7 9
            aLi[i].style.background=‘‘;
        }
    }
};
</script>
<ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
</ul>

View Code

分秒计算

<script>
var s=1345;
alert(parseInt(s/60)+‘分‘+s%60+‘秒‘);
</script>

View Code

 赋值：=、+=、-=、*=、/=、%=

i=i+1
i+=1
i++ 都是自增 但是++每次只能加1个

i=i+3
i+=3  每次加3个

关系：<、>、<=、>=、==、===、!=（不等）、!== 

逻辑：&& 与（并且）、|| 或者、! 否    实例：全选与反选
!取反

alert(true); 弹出的是true
alert(!true); 弹出的是false
alert(!!true); 弹出的是true

程序流程控制

判断：if、switch、?三木运算:
循环：while、for
跳出：break打破终端、continue 继续 
什么是真、什么是假：
真：true、非零数字、非空字符串 例如(‘ ‘)有空格、非空对象                总结：有东西的都是真的
假：false、数字零0、空字符串例如(‘‘)、空对象null、undefined       总结：没有东西都是假的

if(条件){语句1}else{语句2}
if(条件1){语句1}else if(条件2){语句2}else if(条件3){语句3}......else{语句n} 可以有无数个else if{}，但是只有一个else{}

switch(变量)
{
case 值1:
语句1
break;
case 值2:
语句2
break;
......
default:
语句n
}

<script>
var name=‘blue‘;
var sex=‘‘;
switch(sex)
{
    case ‘男‘:
        alert(name+‘先生，你好‘);
        break;
    case ‘女‘:
        alert(name+‘女士，你好‘);
        break;
    default:
        alert(name+‘你好‘);
}
</script>

View Code

三目运算符
条件?语句1：语句2 等同于if(条件){语句1}else{语句2}

<script>
var a=14;

/*if(a%2==0)
{
    alert(‘双数‘);
}
else
{
    alert(‘单数‘);
}*/

a%2==0?alert(‘双数‘):alert(‘单数‘);
</script>

View Code

break 中断
continue 继续

<script>
for(var i=0;i<5;i++)
{
if(i==2)
{
//break;    //整个循环中断了      只弹出0 1后面的都终端了
continue;    //本次循环中断了     只弹出0 1 3 4 只有本次的那个跳掉了
}
alert(i);
}
</script>

View Code

什么是Json

json格式   json={名字：值,名字：值,名字：值}

<script>
/*var a=12;
var b=5;
var c=‘abc‘;
*/
var json={a: 12, b: 5, c: ‘abc‘};
json.b++;
alert(json.b);
</script>

View Code

json和数组的区别

var json={a: 12, b: 5, c: 7};
var arr=[12, 5, 7];

alert(json.a)   //等同于 alert(json[‘a‘]);
alert(arr[0]);

比较二者的区别
alert(json[‘a‘]);.
alert(arr[0]);
  json的下标是字符串 数组的下标是数字
alert(arr.length);   得到是3
alert(json.length); 得到是undefined 没有长度

数组循环
数组第一种循环
for(var i=0;i<arr.length;i++)
{
alert(‘第‘+i+‘个东西：‘+arr[i]);
}

数组第二种循环
for(var i in arr)
{
alert(‘第‘+i+‘个东西：‘+arr[i]);
}
Json循环

for(var i in json)
{
alert(‘第‘+i+‘个东西：‘+json[i]);
}

数组和json的循环 数组有两种循环 json只有一种循环

02.JavaScript基础下

标签：element   循环 数组   cas   get   .com   ack   style   全选   javascrip   

原文地址：http://www.cnblogs.com/Xuman0927/p/6023508.html