02.JavaScript基础下

Posted 2020-08-17 Cutelady0927

运算符

 

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

 

 

算术：+ 加、- 减、* 乘、/ 除、% 取模(取余数)
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只有一种循环